2017-01-27 9 views
2

ngForの内部にいる場合、PrimeNGボタンのラベルフィールドを複数のオブジェクトフィールドに設定するにはどうすればよいですか?これは私が探していますテキストといくつかのボタンを作成しますループテキスト用のPrimeNGボタン。

<button pButton type="button" 
      *ngFor="let atrConfig of atrConfigs; let i = index" 
      (click)="selectConfiguration(atrConfig)" label = ""> 
     Name: {{atrConfig.name}} <br /> 
    </button> 

、しかし、テキスト「UI-ボタン」は常に最後(画像を参照)で、最大を示しています。

は、ここに私のコードです。 enter image description here

は、ラベルタグのの外側に配置します。私はラベルの中にテキストを置こうとしましたが、{{}}の中の値は表示されません。

基本的に、複雑なテキストを持つPrimeNGボタンでngForを使用する適切な方法は何ですか?

+0

ラベルには何を印刷しますか? – Alex

答えて

1

label = ""label = " "に変更したときに「uiボタン」のテキストが消えました(空の引用符ではなく空白にしました)。

-1

labelを使用しないと仮定すると、それを省略すると、テキストui-buttonがもう印刷されないことがわかります。

+0

動作しませんでした。私は見つけた解決策を掲示し、答えとしてマークしました。 – Roka545

関連する問題