ss multiselect dropdown dispaly并使用AngularTS存储为名称而不是ID

时间:2017-12-21 11:17:58

标签: angular typescript

enter code here <ss-multiselect-dropdown [options]="categoryOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="data.categoryArray" [ngModelOptions]="{standalone: true}" (ngModelChange)="onChange($event)" ></ss-multiselect-dropdown> 
export class HospitalCreateComponent implements OnInit {categoryOptions :IMultiSelectOption[];
this.categoryOptions = [
        { id: 1, name: 'Child' },
        { id: 2, name: 'Adult' },
    ];

现在我选择的选项值仅存储为Id。我想保存名称而不是Id。我是角度和stackoverflow的新手。请给出建议。

1 个答案:

答案 0 :(得分:0)

欢迎来到StackOverflow, 在你的ts文件中调用onchange函数,在你的ngModel中调用console.log 因为ngModel为您提供了已选择的值。通过这种方式,您可以操纵所需的值。

onChange() { console.log(this.ngModelValue); }