Angular 角度2:折叠多元素
我有问题时,我将崩溃的内容元素。当我按下“显示”按钮时,将显示所有内容,但不显示此内容的一个元素 下面我举一个例子 这是我的html的一部分:Angular 角度2:折叠多元素,angular,collapse,angular-template,Angular,Collapse,Angular Template,我有问题时,我将崩溃的内容元素。当我按下“显示”按钮时,将显示所有内容,但不显示此内容的一个元素 下面我举一个例子 这是我的html的一部分: <div *ngFor="#elem of apps"> <div class="col-md-5"> <div class="panel-heading"> <strong> {
<div *ngFor="#elem of apps">
<div class="col-md-5">
<div class="panel-heading">
<strong> {{elem.name}}</strong> on {{elem.host}}
</div
<button type="button" (click)="isCollapsedContent= !isCollapsedContent">
</div>
</div>
<div [collapse]="isCollapsedContent">
<table class="table table-hover">
<thead>
<tr class="header">
<td>Property</td>
<td>Value</td>
</tr>
</thead>
<tbody>
<tr>
<td>app</td>
<td>{{elem.app}}</td>
<td>name</td>
<td>{{elem.name}}</td>
<td>host</td>
<td>{{elem.host}}</td>
</tr>
</tbody>
</table>
</div
如何仅显示/隐藏一个元素?我可以向iCollapsedContent添加属性吗?例如:
<div [collapse]="isCollapsedContent(elem.show)">
使用ngIf测试elem.show是否为真
<div *ngFor="#elem of apps">
<div class="col-md-5">
<div class="panel-heading">
<strong> {{elem.name}}</strong> on {{elem.host}}
</div>
<button type="button" (click)="elem.show = !elem.show"></button>
</div>
<table class="table table-hover" *ngIf="elem.show">
<thead>
<td>app</td>
<td>Name</td>
<td>Host</td>
</thead>
<tbody>
<tr>
<td >{{elem.app}}</td>
<td >{{elem.name}}</td>
<td >{{elem.host}}</td>
</tr>
</tbody>
</table>
</div>
{{elem.name}关于{{elem.host}
应用程序
名称
主办
{{elem.app}
{{elem.name}
{{elem.host}
使用ngIf测试elem.show是否为真
<div *ngFor="#elem of apps">
<div class="col-md-5">
<div class="panel-heading">
<strong> {{elem.name}}</strong> on {{elem.host}}
</div>
<button type="button" (click)="elem.show = !elem.show"></button>
</div>
<table class="table table-hover" *ngIf="elem.show">
<thead>
<td>app</td>
<td>Name</td>
<td>Host</td>
</thead>
<tbody>
<tr>
<td >{{elem.app}}</td>
<td >{{elem.name}}</td>
<td >{{elem.host}}</td>
</tr>
</tbody>
</table>
</div>
{{elem.name}关于{{elem.host}
应用程序
名称
主办
{{elem.app}
{{elem.name}
{{elem.host}
div在折叠时不打开。div在折叠时不打开。