Primeng按钮没有显示标签

Question

我的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>

Answer 1

此问题是由缺少导入PrimeNG的ButtonModule引起的。

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

import {ButtonModule} from 'primeng/primeng';

...

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

Answer 2

在表单中，我有一个primeng文本区域，忘了将name属性添加到文本区域。由于这个原因，Primeng按钮没有显示。我纠正了这个错误，一切正常。