Как настроить отображение: нет на родительском элементе, если дочерний компонент отсутствует в Angular 9?

Question

Я хотел бы добавить некоторые из моих сообщений в Твиттере на сайт. Я вставил на сайт embed HTML, предоставленный Twitter, а затем вызвал window.twttr.widgets.load(), который добавляет стиль и твит для embed HTML. Пользователь видит этот переход от простого к стилю Twitter. Я хотел бы выполнить этот переход в фоновом режиме, используя display: none, а затем показать уже оформленный пост Tweet. Сообщение отображается при наличии элемента twitter-widget.

Предположим, у меня есть:

 <div *ngFor="let post of posts">
      <div
        #twitterPost
        class="post"
        [style.display]="hasChild() ? 'block' : 'none'"
      >
        <div [innerHTML]="post.EmbedHTML"></div>
 </div>

hasChild() должен определить, когда элемент twitter-widget присутствует в .post. Как я могу это сделать?

Answer 1

попробуй вот так.

<div *ngFor="let post of posts" [style.display]="hasChild() ? 'block' : 'none'">
      <div
        #twitterPost
        class="post">
        <div [innerHTML]="post.EmbedHTML"></div>
 </div>