angular 2 - 在标签旁边添加按钮

Question

所以我要求有两个标签和一个按钮，我是primeng新手并创建了标签组件，工作正常，请参阅下面的代码，但我无法在同一行创建按钮。< / p>

<p-tabView class="info-audit-tabview">
    <div class="ui-tabview-panels">
        <p-tabPanel header="UnSelected List">


        </p-tabPanel>

        <p-tabPanel header="Selected List" ng-reflect-header="Audit Trail">
        </p-tabPanel>
    </div>
</p-tabView>

Answer 1

使用bootstrap类，为选项卡添加col-md-4或col-md-6。然后放置按钮

<p-tabView class="info-audit-tabview col-md-4">
  <div class="ui-tabview-panels">
    <p-tabPanel header="UnSelected List">
    </p-tabPanel>
    <p-tabPanel header="Selected List" ng-reflect-header="Audit Trail">
    </p-tabPanel>
  </div>
</p-tabView>
<button type="button" pButton label="Export"></button>

Answer 2

正如您在tabView页面上的文档中所看到的，TabPanel具有您使用的特定headerStyleClass

<p-tabPanel header="Header 1" headerStyleClass="myCustomClass"></p-tabPanel>

你可以做的就是给自己一个类，然后设计它。基本上，您正在创建一个看起来像按钮的标签。

如果它不是您想要的，请告诉我，以便我可以为您找到另一种解决方案。