我一直在查看material.angular.io文档中的mat-selection-list,该文档位于material.angular.io/components/list/overview
我想使用对象数组而不是字符串数组。文档中有
typesOfShoes: string[] = ['Falta passar fio', 'Peça oxidada'];
这似乎可以工作,但我的对象,在下面,不工作。我做错了什么?或者这是不可能的?
errorList = [
{ id: 1234, type: 'A1', description: 'dsfdsfdfgdgdgfio', selected:false },
{ id: 4567, type: 'C6', description: 'Pesdffsdça sdfsd', selected:false },
{ id: 7890, type: 'A5', description: 'sdfdsfc', selected:false }
];
<mat-selection-list #errorList class="area-block ">
<mat-list-option *ngFor="let err of errorList " style="color: #000000;">
{{err.type}}
</mat-list-option>
</mat-selection-list>
<p style="color: #000000;" class="area-block">
Options selected: {{errorList.selectedOptions.selected.length}}
</p>
发布于 2019-06-19 20:48:33
名称冲突是问题所在,只需将#errorList
更改为#errorlist
,将errorList.selectedOptions.selected.length
更改为errorlist.selectedOptions.selected.length
<mat-selection-list #errorlist class="area-block ">
<mat-list-option *ngFor="let err of errorList " style="color: #000000;">
{{err.type}}
</mat-list-option>
</mat-selection-list>
<p style="color: #000000;" class="area-block ">
Options selected: {{errorlist.selectedOptions.selected.length}}
</p>
https://stackoverflow.com/questions/56667515
复制相似问题