如何实现Angular Material mat-select更改事件？

文章/答案/技术大牛

发布

1回答

angular-material

我想在Angular Material中实现以下bootstrap select。如何在bootstrap中实现此处所示的更改事件？ngFor="let filter of filters" [value]="filter.id"> </option> </select> 如何将更改<em

浏览 38提问于2019-05-06得票数 4

回答已采纳

2回答

如何将HTML中的选定值<mat-select>放入ts文件？

angular

mat-form-field [style.visibility]="visibility" > <mat-selectapps.appName}}</mat-option>

浏览 26提问于2019-05-01得票数 0

回答已采纳

3回答

在angular material中有过滤功能的下拉列表吗？注意:使用mat-select而不是mat-选项

angular、typescript、angular-material

我在angular material中搜索了过滤后的下拉选项，但使用mat-select multiselect找不到任何东西。我不认为angular material中的mat-select实现是可用的。有没有办法使用angular材质来实现这一点？

浏览 12提问于2020-02-14得票数 0

4回答

如何在第五角选择选项中获取选定值的Id

angular、angular-material-5

如何在mat中获得所选选项值的id -选择角5。在转换中只获取所选选项的值。但是如何才能得到所选选项值的id。client.component.html <mat-select placeholder="Client*" #clientValue (change)="clientDetails" [value]="client.clientName"> {{client.clientName |

浏览 6提问于2018-02-09得票数 28

回答已采纳

1回答

如何在mat-select中使用变更事件流？

angular、typescript、angular-material

它给出了所有子选项的更改事件的组合流。<mat-form-field> <mat-select (optionSelectionChanges)='getStream' formControlName='value1'><mat-option value='1'>Opti

浏览 41提问于2018-08-07得票数 1

回答已采纳

1回答

Mat-单击底线时仅选择洞口

angular、typescript、angular-material

我从Angular material (TS)实现了Mat-Select，并注意到了有趣的行为。下拉列表不会打开，直到点击mat-select的底线，我知道当我以前使用Mat-select字段时，当我点击字段上的任何位置时，它是打开的。有什么问题吗？<mat-form-field> <mat-select [formControl]=&qu

浏览 5提问于2019-11-14得票数 0

1回答

如何从函数中以编程方式调用mat-options？

angular、triggers、event-handling、mouselistener、eventtrigger

我需要在mat-select组件上实现双击事件的处理。其思想是能够在双击事件上调用函数，但在单击事件上保持正常行为。通常这是不可能的，因为mat-select会立即显示mat-options，不允许检测双击事件。我不能这样做，因为直到我再次单击组件，angular才会呈现新的更改。理想情况下，我希望在mat-select上单击一次，调用我的singleClick()函数，并从那里再次启用mat-select<

浏览 15提问于2021-07-01得票数 1

1回答

angular选项可在单击时捕获数据

html、angular、typescript、angular-material、angular8

我插入了扫描时间内选项，当我选择要重用此数据的时间时，但当我打印事件时，它会告诉我未定义 HTML <mat-label>Scegli l'orario</mat-label><mat-select #hasBackdrop > <mat-option [value]="false" *ngFor="let times of time">hourTime" (click)="click($ev

浏览 12提问于2020-10-22得票数 1

回答已采纳

2回答

Angular <mat-select>下拉菜单不适用于星云主题

angular、angular-material

我正在尝试实现(angular material UI)和星云组件，但当相同的组件/模块具有星云导入时无法工作。如果我删除了星云模块的导入，则mat-select works。使用星云4.1.1版和angular material 8.2.3版这是我的stackblitz变通方法，您可以清楚地看到select下拉菜单不起作用。

浏览 0提问于2020-01-22得票数 3

1回答

Mat-选择选择当前选定的选项

angular、angular-material、angular-material-5

我的问题是，当我选择选项A并打开选择窗格并再次选择选项A时，此组件不会发出事件(selectionChange输出不会发出新事件)。该事件不会被激发，因为选择没有改变，但在我的用例中，我需要在这种情况下激发一个选择改变事件。有人知道怎么做吗？有什么方法可以覆盖这个mat-select组件中的selectionModel吗？我使用的是@angular/core@5.2.5和@angular/material@5.2.1。以下是我要使用

浏览 3提问于2018-06-04得票数 0

2回答

mat-option angular* 6中海量数据的性能问题*

angular、angular-material

<mat-form-field fxFlex.gt-sm> <mat-select formControlName="VendorIdvalue]="vendor.VendorId"> </mat-option> </mat-select

浏览 44提问于2019-10-20得票数 3

1回答

角度材质下拉宽度更改

angular、angularjs-directive、angular-material、material-ui、material-design

如何更改下拉列表的宽度。 ? ? 

浏览 18提问于2020-12-16得票数 2

回答已采纳

1回答

在<mat-select>角度材料中格式化下拉菜单的默认行为

html、css、angular、drop-down-menu、angular-material

我正在使用angular-material select feature使用和创建一个多选下拉菜单。内置代码将打开选择框顶部的下拉框。我的实现要求用户在选中框中的值时能够看到它们(框应该在显示框的正下方打开)。我尝试了重写.mat-select-panel类中的"transform-origin“和"transform”属性，但不知何故，这些更改并没有给applied.Can带来一些帮助，告诉我如何调整这个属性代码：‘ <mat-form-field p

浏览 5提问于2018-02-14得票数 1

2回答

如何在material-angular-select上创建回调？

angular、angular-material、observable

令人惊讶的是，我找不到onselect回调，那么如何在上创建一个回调呢？core'; import { FormControl } from '@angular/forms'; import { MatSelectModule } from '@angular/material/select

浏览 1提问于2017-11-30得票数 17

1回答

Angular material 6.2.1 "mat-form-field-infix“覆盖宽度

angular、angular-material

如何在没有自定义180px的mat-form-field-infix中覆盖默认宽度CSS <mat-select> </mat-select> <input matInput> &l

浏览 1提问于2018-06-21得票数 11

2回答

角材质垫-选择多选择下拉菜单，只获得选定或未选择的项目。

angular、angular-material、dropdown、multi-select

以下是我的html代码： <mat-select multiple [(ngModel)]="myData.countries" (ngModelChange)="onEventDropDownChanged

浏览 0提问于2019-05-15得票数 2

1回答

标识在带有多个选择的垫子选择中单击的选项。

angular、angular-material、mat-select

对于如下所示的多选择，我想知道用户在selectionChange事件中最后选择了哪个选项。其目的是识别对'All'选项的任何单击，并忽略它，同时仍然能够在selectionChange事件中处理其他选项。任何其他战略也是值得欢迎的。 [multiple]="true" (selectionChange)="onSelectionChangelet option o

浏览 6提问于2022-09-18得票数 0

1回答

茉莉花测试，导致mat-选择发射selectionChange事件？

angular、jasmine、angular-material2

在我的Angular5应用程序中，我选择了一个日期列表。当用户从选项中选择一个新日期时，我的selectionChange处理器将启动数据请求。我不知道如何获得mat-select来选择一个值并发出selectionChange，就好像用户做出了选择一样。我看到了角Material2 GitHub (第5082期)上的一个问题，它引用了mat-select的测试，我尝试创建一个向下箭头的按键事件来触发下一项的选择： let selCtrl = fixture.nativeElement.

浏览 1提问于2018-05-02得票数 4

回答已采纳

1回答

Angular 10.1.1如何制作多个URLS

html、angular、typescript

当我执行<router-outlet></router-outlet>时，如果我将我的HTML代码更改为<h1>Hello</h1>，它将显示在我的根组件的下面。我不知道在这里还能做什么。/create-account/create-account.component' im

浏览 0提问于2020-10-16得票数 0

1回答

让select元素的选项值作为记录的id (HTML)是一种好的做法吗？

html、angular、validation、angular-material

我使用的是angular 7和material，其中我使用了一个select元素来实现下拉功能，比如- <mat-optionid'** > </mat-option>它看起来就像 <mat-select placeholde

浏览 0提问于2020-02-22得票数 1

点击加载更多