我使用来自Angular Material的简单下拉菜单,目的是在选择时触发事件/函数(本例为api调用)。我已经尝试了几乎所有内容,看到了很多帖子,但仍然想念一些东西
HTML:
<mat-form-field>
<mat-label>Choose a camera</mat-label>
<mat-select [(ngModel)]="selected" (ngModelChange)="test()">
<mat-option *ngFor="let c of cameras" [value]="c.name">
{{c.name}}
</mat-option>
</mat-select>
</mat-form-field>
ts:
export class MoviesComponent implements OnInit {
selected:string;
test() {
console.log(this.selected)
}
这非常简单,是很多方法之一,但是没有任何效果!有什么想法吗?
根据docs,mat-select具有一些不同的API-您想绑定到[(value)]
和(selectionChange)
而不是[(ngModel)]
和(ngModelChange)
。