title: Angular 6 - How to change a component's value in its template on a IF condition
body: <p>I'm trying to display or hide the below 'separator-container' if any one of the row data satisfies some specific condition (as in 5th line of code "myConditionCheck"). </p>
  
  <p>I tried achieving it by having "isWarningSeperatorVisible" as controller class variable and tried to change it in my HTML code. Couldn't find a way to change it on a IF condition. <strong>Can someone help me how to change a controller variable on a IF condition or any other way to achieve this use case?</strong>  </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="separator-container" *ngIf="isWarningSeperatorVisible"&gt;
       My Separator heading
  &lt;/div&gt;
  
  &lt;ng-container *ngFor="let rowData of rowArray;"&gt;
     &lt;div class="cards-row" *ngIf="rowData.myConditionCheck; let isWarningSeperatorVisible"&gt; 
      &lt;div&gt;
          Some content goes here
       &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ng-container&gt;
  </code></pre>