角度 – 离子选择Ionic 2中的动态选项?
发布时间:2020-12-17 06:55:14 所属栏目:安全 来源:网络整理
导读:我正在开发Ionic 2中的应用程序.我需要以动态的方式添加离子选择选项,但我对可能非常简单的事情感到难过.这是我的代码片段. ion-select [(ngModel)]="classifications" (ngModelChange)="updateSelectedValue($event)" ion-option *ngFor="#key of classific
我正在开发Ionic 2中的应用程序.我需要以动态的方式添加离子选择选项,但我对可能非常简单的事情感到难过.这是我的代码片段.
<ion-select [(ngModel)]="classifications" (ngModelChange)="updateSelectedValue($event)"> <ion-option *ngFor="#key of classifications" value="key" [checked]="true">{{key}}</ion-option> this.classifications = this.local.get('classifications')._result; console.log('classifications: '+ this.local.get('classifications')._result); updateSelectedValue(event:string):void { this.selectedObject = JSON.parse(event); console.log('selectedObject: '+this.selectedObject); } 控制台日志的输出: classifications: ["Any","Agriculture,Forestry,And Fishing","Mining","Construction","Manufacturing","Transportation,Communications,Electric,Gas,And Sanitary Services","Wholesale Trade","Retail Trade","Finance,Insurance,And Real Estate","Services","Public Administration "] 我也得到了例外. EXCEPTION: Cannot find a differ supporting object '["Any","Public Administration "]' in [classifications in JobsearchPage@30:17] 编辑: 它没有设定其选择的价值.我在Angular 1中做过这个. <select id="classificationId" data-role="listview" data-inset="true" ng-options="classification as classification for classification in classifications " ng-model="classification" x-ng-change="update(classification)"> <option value=''>Classifications</option></select><select id="classificationId" data-role="listview" data-inset="true" ng-options="classification as classification for classification in classifications " ng-model="classification" x-ng-change="update(classification)"><option value=''>Classifications</option></select> 编辑(从评论到答案) export class JobsearchPage { selectedClassification:string; constructor(http: Http,nav: NavController,messagesService:MessagesService,navParams:NavParams) { this.http = http; this.messagesService = messagesService; this.nav = nav; this.classifications = new Array("t9it",'uitut'); console.log('STP selected'+selectedClassification); } } 解决方法
我不使用Ionic但是我很确定ngModel应该指向一个包含(或被赋予)所选选项的字段而不是整个可能的选项列表
<ion-select [(ngModel)]="selectedClassification" (ngModelChange)="updateSelectedValue($event)"> <ion-option *ngFor="#key of classifications" value="key" [checked]="true">{{key}}</ion-option> class MyComponent { selectedClassification:string; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |