루프 텍스트 용 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 버튼은"항상 말 (이미지 참조)에 나타납니다 :

여기 내 코드입니다.

레이블 외부에 레이블을 넣습니다. 라벨 안에 텍스트를 삽입하려했지만 {{}} 안의 값은 인쇄되지 않습니다.

기본적으로 복잡한 텍스트가있는 PrimeNG 버튼과 함께 ngFor를 사용하는 적절한 방법은 무엇입니까?

Answer 1

label = ""을 label = " " (빈 따옴표 대신 공백으로 변경)으로 변경하면 "ui-button"텍스트가 사라졌습니다.

Answer 2

label을 사용하지 않으려는 경우이를 생략하면 ui-button 텍스트가 더 이상 인쇄되지 않습니다.