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

Question

如果行数据中的任何一个满足某些特定条件（如代码“ myConditionCheck”的第5行），我将尝试显示或隐藏下面的“分隔符-​​容器”。

我尝试通过将“ 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>

Answer 1

您可以执行以下操作：

在.html中：

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

在.ts中：

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

这是stackblitz。