Angular 角材质材质材质列表选项
在Material 2中是否有方法通过事件函数检测复选框为真或假。传递$event仅检测typescript端的鼠标或键盘,需要检测是否选中了它Angular 角材质材质材质列表选项,angular,typescript,angular-material2,Angular,Typescript,Angular Material2,在Material 2中是否有方法通过事件函数检测复选框为真或假。传递$event仅检测typescript端的鼠标或键盘,需要检测是否选中了它 <mat-selection-list #list > <mat-list-option *ngFor="let aser of fo; let i = index" (click)="onAreaListControlChanged(aser.ID, aser.Name, aser.Number, $event)" che
<mat-selection-list #list >
<mat-list-option *ngFor="let aser of fo; let i = index" (click)="onAreaListControlChanged(aser.ID, aser.Name, aser.Number, $event)" checkboxPosition="before" [value]="aser.Number" [selected]="aser.selected" >
<span style="font-size:11px" >{{aser.selected}} {{aser.first}} - {{aser.Number}}</span>
</mat-list-option>
</mat-selection-list>
使用MatSelectionList的selectionChange事件。事件对象是一个MatSelectionListChange,它提供单击的MatOption作为选项属性,从而提供所选的选中值:
{{aser.selected}{{aser.first}}-{{aser.Number}
TS
selectionChangeoption:MatListOption{
console.logoption.selected;
}
使用MatSelectionList的selectionChange事件。事件对象是一个MatSelectionListChange,它提供单击的MatOption作为选项属性,从而提供所选的选中值:
{{aser.selected}{{aser.first}}-{{aser.Number}
TS
selectionChangeoption:MatListOption{
console.logoption.selected;
}
你从哪里得到不确定的改变事件?您只能将selectionChange事件绑定到MatSelectionList。不确定您试图实现什么,但您可以从事件的目标获取它,例如click=onClick$event.toElement.getAttribute'ng-reflect-state'只需要在单击时获取复选框的状态$event.toElment返回null:268-1257 null您从何处获得IndendenceChange事件?您只能将selectionChange事件绑定到MatSelectionList。不确定您试图实现什么,但您可以从事件的目标获取它,例如click=onClick$event.toElement.getAttribute'ng-reflect-state'只需要在单击时获取复选框的状态$event.toElment返回空值:268-1257空值
onAreaListControlChanged(sid, sname, snum, $event) { if(checked==true else false}