angular - 如何添加输入字段？

Question

我只是想在Tab 2旁边添加一个带有按钮的输入字段，如图所示。那么有谁知道如何使用 PrimeNG 做到这一点？提前非常感谢！

这是现场演示代码

<p-tabView>
   <p-tabPanel header="Tab 1" *ngIf="showTabs && showTabs['one']">
   Tab 1 content
   </p-tabPanel>
   <p-tabPanel header="Tab 2" *ngIf="showTabs && showTabs['three']">
    Tab 2 content
  </p-tabPanel>
</p-tabView>

这是我要完成的工作：

标签： angular

Answer 1

您可以使用 css 来实现：

<div style="position: relative">
    <p-tabView>
        <p-tabPanel header="Tab 1" *ngIf="showTabs && showTabs['one']">
            Tab 1 content
        </p-tabPanel>
        <p-tabPanel header="Tab 2" *ngIf="showTabs && showTabs['three']">
            Tab 2 content
        </p-tabPanel>
    </p-tabView>
  <div style="position: absolute; top: 13px; right: 10px;">
    <input pInputText type="text"><button pButton type="button" label="GO" ></button>
  </div>
</div>

这是你的 stackblitz 的一个运行分支。