в настоящее время я практикую angular 4. когда обычный пользователь просматривает это, затем показывает общедоступный контент. Когда зарегистрированный пользователь входит на веб-страницу, затем показывает редактирование или некоторый контент. как лучше всего показывать условно шаблон или пример содержимого Html:
<div *ngIf="isUser">
some Content here......
</div>
<div *ngIf="!isUser">
some Content here .....
</div>
на самом деле, я хочу знать, как лучше всего.
В angular 4 вы можете использовать структуру if.. else.. для html-шаблонов
Вы можете использовать его следующим образом:
<div *ngIf="isUser; else otherContent">
some Content here......
</div>
<ng-template #otherContent>
<div>
some Content here .....
</div>
</ng-template>
но в вашем случае самыми красивыми решениями будут if... then... else... условное
<ng-container *ngIf="isUser; then someContent else otherContent"></ng-container>
<ng-template #someContent ><div>some content...</div></ng-template>
<ng-template #otherContent ><div>other content...</div></ng-template>
<div *ngIf="isUser; else otherContent, а затем <ng-template #otherContent>. Никакие # не должны помещаться в div.
- person Lars; 07.12.2017
NgIf — это структурная директива. Это означает, что ваш компонент будет уничтожен, когда выражение станет ложным.
Поэтому, если ваш компонент часто уничтожается и создается снова, это может быть проблемой. В этом случае следует учитывать директиву [hidden]. Он устанавливает только display:none. В этом случае ваш компонент не будет уничтожен.
<div [hidden]="expression">{{val}}</div>
используйте NgIf с условием else
<div *ngIf="isUser;else Other">
some Content here......
</div>
<ng-template #Other> some Content here .....</ng-template>
