Компонент внутри ng-content создается дважды

Я использую Angular 4, и у меня есть компонент 'X', который в основном является компонентом свертывания-расширения. Он оборачивает все, что ему предоставлено, сворачивается и разворачивается при нажатии. Это похоже на ниже.

<div>
    // some X related DOM here
    <ng-content></ng-content>
</div>

У меня есть другой компонент "Y", который я помещаю в компонент "X", например:

<x>
   <y [someAttribute]="someAttribute"> </y>
</x>

Теперь я понял, что компонент 'Y' создается дважды, то есть конструктор ngOnInit, ngOnChanges все вызывается дважды.

Может ли это быть проблема с использованием <ng-content> (Я все еще не совсем уверен). Если да, как мне обработать это, чтобы вызвать мой компонент "Y" только один раз, так как мне нужно, чтобы компонент "Y" был заключен только в "X".

Изменить: я пропустил добавление ранее в вопросе, который я использую ngxPermissions библиотека для отображения '' условно. Так что это больше похоже на:

<x>
   <ng-template [ngxPermissionsOnly]="validPermissions">
       <y [someAttribute]="someAttribute"> </y>
   </ng-template>
</x>
Источник

0 ответов

Другие вопросы по тегам