Кнопка PrimeNG для циклического текста.

Как вы устанавливаете поле метки кнопок PrimeNG для нескольких полей объекта, если вы находитесь внутри ngFor?

Вот мой код:

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

Это создаст несколько кнопок с текстом, который я ищу, однако текст «ui-button» всегда отображается в конце (см. Изображение). введите здесь описание изображения

Обратите внимание, что я размещаю текст снаружи тега label. Я попытался поместить текст внутри метки, но значение внутри {{ }} не печатается.

В принципе, как правильно использовать ngFor с кнопками PrimeNG со сложным текстом?


person Roka545    schedule 27.01.2017    source источник
comment
Что вы хотите напечатать на этикетке?   -  person AJT82    schedule 28.01.2017


Ответы (2)


Текст «ui-button» исчез, когда я изменил label = "" на label = " " (я сделал это пробелом вместо пустых кавычек).

person Roka545    schedule 30.01.2017

Предполагая, что вы не хотите использовать label, просто опустите его, и тогда вы увидите, что текст ui-button больше не печатается.

person Emdee    schedule 29.01.2017
comment
Не работает. Я опубликовал найденное решение и отметил его как ответ. - person Roka545; 30.01.2017