用于循环文本的 PrimeNG 按钮。

Question

如果在 ngFor 中，如何将 PrimeNG 按钮的标签字段设置为多个对象字段？

这是我的代码：

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

这将创建几个带有我要查找的文本的按钮，但是，文本 "ui-button" 始终显示在末尾（见图）。

请注意，我将文本 放在 label 标记的 之外。我试过将文本放在标签内，但 {{ }} 内的值不会被打印出来。

基本上，使用带有复杂文本的 PrimeNG 按钮的 ngFor 的正确方法是什么？

Answer 1

假设您不想使用 label，只需省略它，然后您将看到不再打印文本 ui-button。

Answer 2

当我将 label = "" 更改为 label = " " 时，"ui-button" 文本消失了（我将其设为空白 space 而不是空引号）。

用于循环文本的 PrimeNG 按钮。

PrimeNG button for loop text.

html

angular

primeng