PrimeNg selectButton：如何显示一个被选中的按钮

Question

我有一个 PrimeNg selectButtons 数组，需要显示第一个被按下的按钮。没有找到任何指导。有人知道 API 可以做到这一点吗？

Answer 1

你只需要初始化ngModel的值[(ngModel)]="selectedCity"

@Component({
  selector: 'my-app',
  template: '<p-selectButton [options]="cities" [(ngModel)]="selectedCity"></p-selectButton>'
})
export class AppComponent {

    selectedCity = 'London';

    cities: any[];

    ngOnInit() {

        this.cities = [                
            {label:'London', value:'London'},
            {label:'Istanbul', value:'Istanbul'},
            {label:'Paris', value:'Paris'}
        ]
    }
}

PrimeNg selectButton：如何显示一个被选中的按钮

PrimeNg selectButton: how to display one as selected

angular

primeng