带有对象的mat-selection-list，可以吗？
带有对象的mat-selection-list，可以吗？
提问于 2019-06-19 20:21:29
我一直在查看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>回答 1
Stack Overflow用户
发布于 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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56667515
复制相关文章
相似问题