Как я могу использовать div несколько раз на одной и той же HTML-странице

Question

Я использую вкладку материала в моем проекте, всего 6 вкладок.

• Все
• Проект
• Запуск
• Ожидание
• Закончено и
• Архивировано

Я хочу повторно использовать HTML-код на той же странице, есть ли способ использовать это в HTML-коде без создания в качестве углового компонента.

      <mat-tab>

             <ng-template mat-tab-label>
                 ALL
             </ng-template>

                 <div id='Draft'></div>
                 <div id='Running'></div>
                 <div id='Waiting'></div>
                 <div id='Finished'></div>
                 <div id='Archived'></div>

       </mat-tab>

Answer 1

Одним из основных преимуществ angular (и в значительной степени того, как он работает и должен использоваться ...) является то, что приложение является одностраничным приложением - каждый компонент - это именно компонент. Это означает, что ... Если вы хотите создать элемент управления в виде прямоугольника с надписью "CLICK ME NOW {SomeTextHere}", вы можете создать для этого компонент и отправить текстовое значение в качестве входных данных.

Есть много учебных пособий о том, как это обрабатывается и работает: https://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html https://scotch.io/tutorials/build-a-reusable-component-with-angular-elements

Мне кажется, это то, что ты ищешь, надеюсь, это поможет.