Angular 6 - Как изменить значение компонента в его шаблоне при условии IF - PullRequest
Новая
       27

Angular 6 - Как изменить значение компонента в его шаблоне при условии IF

0 голосов
/ 30 августа 2018

Я пытаюсь отобразить или скрыть приведенный ниже разделитель-контейнер, если какой-либо из данных строки удовлетворяет определенному условию (как в 5-й строке кода «myConditionCheck»).

Я пытался добиться этого, используя 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>

1 Ответ

0 голосов
/ 30 августа 2018

Вы можете сделать следующее:

в .html: 

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

в дюймах: 

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

Это стек .

...