从 onchange 中的 p-selectButton 中读取值 ~ primeNg,angular 2

Question

SelectButton 用于使用按钮从列表中选择单个或多个项目。

basedOnModeofTrack(mode){
    // currentTypeMode has value time means it show time dropdown
    console.log(mode);
    this.currentTypeMode = mode;
  }

<p-selectButton name="trackingmode" (onChange)="basedOnModeofTrack()" [options]="trackingmodes" [(ngModel)]="stolenvehicletrack.trackingmode"></p-selectButton>

Answer 1

您错过了活动属性

<p-selectButton name="trackingmode" (onChange)="basedOnModeofTrack($event)" [options]="trackingmodes" [(ngModel)]="stolenvehicletrack.trackingmode"></p-selectButton>

在你的 ts 文件中

public basedOnModeofTrack(obj:any){
    console.log(obj.value);
}

Answer 2

检查导入

import {SelectButtonModule} from 'primeng/primeng';

双向值绑定是使用 ngModel 定义的，selectbutton 需要一组选项，其中每个选项都应遵循定义标签值属性的 SelectItem 接口。

查看：

<p-selectButton [options]="cities" [(ngModel)]="selectedCity"></p-selectButton>

JS代码：

export class SelectButtonDemo {

    types: SelectItem[];

    selectedType: string;

    selectedTypes: string[] = ['Apartment','Studio'];

    constructor() {
        this.types = [];
        this.types.push({label: 'Apartment', value: 'Apartment'});
        this.types.push({label: 'House', value: 'House'});
        this.types.push({label: 'Studio', value: 'Studio'});
    }    
}

this.selectedType 正在选择数据。你可以使用 this.selectedType 来获取它。

从 onchange 中的 p-selectButton 中读取值 ~ primeNg,angular 2

Read the value from p-selectButton in onchange ~ primeNg,angular 2

angular

primeng