使用组合框显示/加载不同的分区内容
使用组合框显示/加载不同的分区内容
提问于 2018-01-25 02:08:44
是否可以使用组合框显示/加载不同的div？例如，我有两个包含不同表的Div，我想一次只显示一个表，我们可以从组合框中更改想要看到的表，然后单击load按钮。这是片段
<div align="center">
<Select>
<option value="survey101" name="survey101" id="survey101">Survey101</option>
<option value="Survey102" name="survey102" id="survey102">Survey102</option>
</Select>
<button>LOAD</button>
</div>
<div>
<ul *ngFor="let items of survey101">
</ul>
</div>
<div>
<ul *ngFor="let items of survey102">
</ul>
</div>
如果可能的话，谁能帮我/教我怎么做？谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-01-25 02:21:00
试试这个：
<select [(ngModel)]="selectedSurvey">
<option value="survey101">Survey101</option>
<option value="survey102">Survey102</option>
</select>
<div *ngIf="selectedSurvey.survey101">
<ul *ngFor="let items of survey101"></ul>
</div>
<div *ngIf="selectedSurvey.survey102">
<ul *ngFor="let items of survey102"></ul>
</div>您需要在组件的TS中添加一个名为selectedSurvey的变量。
private selectedSurvey: string = ""Stack Overflow用户
发布于 2018-01-25 02:11:16
您应该为这两个复选框设置[(ngModel)]，并根据(ngModelChange)获取所选值。
然后使用*ngIf="selected ==="survey101"嵌入table1
在*ngIf="selected ==="survey102"中嵌入table2
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48434560
复制相关文章
相似问题
腾讯云开发者
