Primeng 按钮不显示标签答案

【问题标题】：Primeng Button not showing labelPrimeng 按钮不显示标签
【发布时间】：2017-12-31 12:49:34
【问题描述】：

我的 angular4 应用程序中有primeng 按钮。

按钮标签不显示。按钮显示非常小，没有标签。

<div id="main">
  <form #newJobCleanUpForm="exForm" (ngSubmit)="onSubmit(exampleForm)">

    <label class="stylelabel" for="jobNumber"><span>Job Number</span>
      <input  type="text" pInputText  class="styletext" id="jobNumber" required  [(ngModel)]="jobNumber" name="jobNumber">
      <button pButton type="button"  label="Click"></button></label>
</form>
</div>

【问题讨论】：

我试过了还是不行
是的，我删除了它，但它不起作用。相反，我尝试了这个并且它正在工作
我认为 HTML 按钮可以工作，但是 PrimeNG pButton 不工作。

标签： angular primeng

【解决方案1】：

此问题是由于缺少导入 PrimeNG 的 ButtonModule 造成的。

请将此导入添加到同一模块中，您的组件已在其中定义。

import {ButtonModule} from 'primeng/primeng';

...

@NgModule({
   imports: [
      ...
      ButtonModule
   ]
   ...

【讨论】：

感谢“对同一个模块，你的组件是在其中定义的”为我修复它的建议

【解决方案2】：

在表单中，我有一个primeng 文本区域，但忘记将名称属性添加到文本区域。因此，Primeng 按钮未显示。我纠正了这个错误，一切正常。

【讨论】：

之所以有效，是因为它是一个普通的非 PrimeNG 按钮。普通的 HTML 按钮不知道标签属性，但它确实显示子内容。（如果您不需要 PrimeNG 按钮的功能，可以使用普通按钮）。
yes.PrimeNG 按钮即使在导入 ButtonModule 后也不起作用