扩展面板内的垫选择列表
扩展面板内的垫选择列表
提问于 2019-06-18 20:44:19
我需要在扩展扩展面板中创建一个带有复选框的选择列表
<mat-expansion-panel *ngFor="let item of Dataseource">
<mat-expansion-panel-header style="display:flex" class="mat-row">
{{datasource.showheader}}
</mat-expansion-panel-header>
<div *ngFor="let match of Datasource; let i= index">
<mat-selection-list [(ngModel)]="selectedOptions" (ngModelChange)="onNgModelChange($event)">
<mat-list-option [value]="match">
<div class="container-name">
<div class="col-6">{{match.Name }} vs {{ match.Address }}</div>
</div>
<mat-divider [inset]="true" *ngIf="!last"></mat-divider>
</mat-list-option>
</mat-selection-list>
</div>
</div>
</mat-expansion-panel>我应该能够选择单个项目，并添加到列表对象的标题和选定的项目
回答 2
Stack Overflow用户
发布于 2019-06-19 03:31:36
<mat-expansion-panel *ngFor="let item of Datasource">
<mat-expansion-panel-header style="display:flex" class="mat-row">
{{item.Name}}
</mat-expansion-panel-header>
<mat-selection-list ngFor="let match of item.match; let i= index;" [(ngModel)]="selectedOptions" (ngModelChange)="onNgModelChange($event)">
<mat-list-option *ngFor="let match of item.match" [value]="match">
<div class="container-name">
<div class="col-6">{{match.Name }} vs {{ match.Address }}</div>
</div>
</mat-list-option>
</mat-selection-list>
</div>
<hr>
</mat-expansion-panel>Stack Overflow用户
发布于 2019-06-28 05:33:58
不知道为什么我在这件事上被否决了。
当然，我找到了问题的解决方案，希望能帮助到一些人。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56649485
复制相关文章
相似问题
腾讯云开发者
