У меня есть ситуация, когда мне нужно отобразить некоторый контент, переданный через ng-content
, с помощью селектора в одну из двух областей. У меня есть ngIf
, который используется для проверки, где рендерить ng-content
. Проблема в том, что даже если у меня есть ngIf
в моем первом ng-content
, содержимое не будет отображаться во втором ng-content
, даже если условие для первого ложно. Вот пример проблемы:
<div>
<ng-content *ngIf="someBoolean" select="figure"></ng-content>
<div *ngIf="!someBoolean">
<ng-content select="figure"></ng-content>
</div>
</div>
Это нормально работает, если someBoolean
истинно. Однако внутри второго div
ничего не будет, если someBoolean
ложно. Что я могу сделать, чтобы это исправить? Я нашел эти два похожих вопроса, но попробовал все решения, и он не работает с Angular 6:
Прежде чем вы заблокируете свой вопрос, я гарантирую, что я пробовал все эти решения, и они работают не работает на Angular 6, если вы используете селекторы в ng-content
.