Как использовать * ngIf Else с переменной - PullRequest
0 голосов
/ 20 марта 2020

Например, я хочу определить ng-template с помощью переменной примерно так:

<ng-template
  #notExpandableIconRef
  let-variable="variable">
  <i class="far fa-edit mr-2 ml-1 pointer" (click)="onClick(variable)"></i>
</ng-template>

И у меня есть условие, и когда условие ложно, мне нужно показать notExpandableIconRef что-то вроде этого

<i class="far fa-edit mr-2 ml-1 pointer" *ngIf="some condition; else notExpandableIconRef"></i>

но проблема в том, что я не смог найти способ определения переменной с помощью ngIfElse directiove,

В настоящее время я решил проблему следующим образом

<i class="far fa-edit mr-2 ml-1 pointer" *ngIf="some condition"></i>
<span *ngIf="!(some condition)">
   <ng-container *ngTemplateOutlet="notExpandableIconRef;context:{variable: someVariable}">. 
   </ng-container>
</span>

Мой вопрос: существует ли простой способ сделать это с помощью директивы ngIfElse? например, что-то вроде этого

<i class="far fa-edit mr-2 ml-1 pointer" *ngIf="some condition; else notExpandableIconRef; SomehowDefineTheVariable"></i>

вот пример стекаблика: https://stackblitz.com/edit/angular-8-app-example-mta5z6?file=src / app / app.component. html

Спасибо!

...