Angular 6 - 如何在IF条件下更改其模板中的组件值

问题描述 投票:3回答:1

如果任何一个行数据满足某些特定条件(如第5行代码“myConditionCheck”),我试图显示或隐藏下面的'separator-container'。

我尝试通过将“isWarningSeperatorVisible”作为控制器类变量来实现它,并尝试在我的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>
angular angular-controller
1个回答
3
投票

您可以执行以下操作:

在.html:

<div class="separator-container" *ngIf="check()">

在.ts:

check(){
    return this.rowArray.some((row)=>row.myConditionCheck)
}

这是一个stackblitz

© www.soinside.com 2019 - 2024. All rights reserved.