Angular 6 - 如何在 IF 条件下更改组件在其模板中的值
Angular 6 - How to change a component's value in its template on a IF condition
如果任何一个行数据满足某些特定条件(如第 5 行代码 "myConditionCheck"),我将尝试显示或隐藏下面的 'separator-container'。
我尝试通过将 "isWarningSeperatorVisible" 作为控制器 class 变量来实现它,并尝试在我的 HTML 代码中更改它。找不到在 IF 条件下更改它的方法。 有人可以帮助我如何根据 IF 条件或任何其他方式更改控制器变量来实现此用例吗?
<div class="separator-container" *ngIf="isWarningSeperatorVisible">
My Separator heading
</div>
<ng-container *ngFor="let rowData of rowArray;">
<div class="cards-row" *ngIf="rowData.myConditionCheck; let isWarningSeperatorVisible">
<div>
Some content goes here
</div>
</div>
</ng-container>
您可以执行以下操作:
在.html :
<div class="separator-container" *ngIf="check()">
在 .ts 中:
check(){
return this.rowArray.some((row)=>row.myConditionCheck)
}
这是一个stackblitz。
如果任何一个行数据满足某些特定条件(如第 5 行代码 "myConditionCheck"),我将尝试显示或隐藏下面的 'separator-container'。
我尝试通过将 "isWarningSeperatorVisible" 作为控制器 class 变量来实现它,并尝试在我的 HTML 代码中更改它。找不到在 IF 条件下更改它的方法。 有人可以帮助我如何根据 IF 条件或任何其他方式更改控制器变量来实现此用例吗?
<div class="separator-container" *ngIf="isWarningSeperatorVisible">
My Separator heading
</div>
<ng-container *ngFor="let rowData of rowArray;">
<div class="cards-row" *ngIf="rowData.myConditionCheck; let isWarningSeperatorVisible">
<div>
Some content goes here
</div>
</div>
</ng-container>
您可以执行以下操作:
在.html :
<div class="separator-container" *ngIf="check()">
在 .ts 中:
check(){
return this.rowArray.some((row)=>row.myConditionCheck)
}
这是一个stackblitz。