PrimeNg selectButton：如何将一个显示为选中状态

Question

我有一个 PrimeNg 选择按钮数组，需要将第一个显示为按下状态。 没有找到任何指导。 有人知道执行此操作的 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'}
        ]
    }
}