如何在同一HTML页面中多次重用div

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

角度（主要是它的工作方式，应该使用..）的主要优点之一是该应用程序是单页应用程序-每个组件都正是那个组件。这是什么意思。.如果要创建一个矩形控件，显示“立即单击{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

在我看来，这就是您要寻找的东西，希望对您有所帮助。