2017-07-25 77 views
1

我在我的angular4应用程序中有primeng按钮。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> 
+0

我试过,但还是它不工作 – Jan69

+0

是我删除,它不能正常工作。相反,我试过这个<按钮pButton type =“button”>点击它正在工作 – Jan69

回答

0

在表格中,我有一个primeng文本区域,并忘记将name属性添加到文本区域。因为这个,Primeng按钮没有显示。我纠正了这个错误,一切正常。

+0

这个工作原因是因为它是一个普通的非PrimeNG按钮。正常的HTML按钮不知道标签属性,但它确实显示了子内容。 (如果您不需要PrimeNG按钮的功能,使用普通按钮就没有问题)。 –

+0

yes.PrimeNG按钮即使在导入ButtonModule后也不工作 – Jan69

+0

请发布模块的源代码。 –

1

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

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

import {ButtonModule} from 'primeng/primeng'; 

... 

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