Primengボタンにラベルが表示されない

私は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>

出典

2017-07-25 Jan69

私が試したが、それでもそのはい、私はそれを取り出して、それが働いていなかった – Jan69

働いていません。代わりに私はこれを試したをクリックして動作しています – Jan69

私のフォームには、primengのテキストエリアがあり、テキストエリアにname属性を追加するのを忘れています。 Primengのボタンは表示されませんでした。私はこのミスを修正し、すべてうまく動作します。

出典

2017-07-25 14:37:23 Jan69

これは、通常の非PrimeNGボタンであるためです。通常のHTMLボタンはラベル属性を知らないが、子コンテンツを表示する。（PrimeNGボタンの機能が不要な場合は、通常のボタンを使っても問題ありません）。 –

はい。ButtonModuleをインポートしても、プリミティブボタンが機能しません。 – Jan69

モジュールのソースコードを投稿してください。 –

この問題は、PrimeNGのButtonModuleのインポートがないために発生します。

同じモジュールに、このインポートを追加してください、あなたのコンポーネントが定義されている。

import {ButtonModule} from 'primeng/primeng'; 

... 

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

出典

2017-07-26 20:55:56

Primengボタンにラベルが表示されない

答えて

関連する問題