Angular: проверьте, предоставлен ли один из слотов ng-content - PullRequest
Новая
       34

Angular: проверьте, предоставлен ли один из слотов ng-content

0 голосов
/ 09 мая 2020

У меня есть шаблон компонента с несколькими элементами ng-content: 

      <div class="form__general">
        <ng-content select="[general]"></ng-content>
      </div>

      <div class="form__footer">
        <ng-content select="[footer]"></ng-content>
      </div>

Как я могу проверить внутри *ngIf условие, что #footer предоставлено?

Я пробовал что-то вроде этого , но это не работает: 

      <div *ngIf="#footer" class="form__footer">
        <ng-content select="[footer]"></ng-content>
      </div>

1 Ответ

0 голосов
/ 09 мая 2020

Удалите # из проверки условий.

Пример фрагмента кода:

app.component. html

<h1 #footer>Welcome</h1>

<child-comp>
    <div *ngIf="footer.innerText === 'Welcome'" class="form__footer">
        Hi There
    </div>
</child-comp>

дочерний компонент. html

<ng-content select=".form__footer"></ng-content>
...