Ionic2 选择的值未定义
苏尼尔·拉瓦特
嗨，我在 ionic 2 as 中有一个选择框。
//home.html
<ion-item>
<ion-label>Select City</ion-label>
<ion-select [(ngModel)]="city" (ionChange) ="getDoors()">
<ion-option *ngFor="let city of cities" [value]="city.id">
{{city.name}}</ion-option>
</ion-select>
</ion-item>
//home.ts
getDoors(){
console.log(this.cities);
}
但是当我更改选项时，它会抛出一个错误，尝试 diff '1' 时出错
谁能让我知道这里的问题
提前致谢
菲扎汗
有两种方法可以获取所选项目的值。
方法一
//home.html
<ion-item>
<ion-label>Select City</ion-label>
<ion-select [(ngModel)]="city" (ionChange) ="getDoors($event)">
<ion-option *ngFor="let city of cities" [value]="city.id">
{{city.name}}</ion-option>
</ion-select>
</ion-item>
//home.ts
getDoors($event){
console.log($event);
}
方法二
通过使用ngModel
//home.html
<ion-item>
<ion-label>Select City</ion-label>
<ion-select [(ngModel)]="selectedcity" (ionChange) ="getDoors($event)">
<ion-option *ngFor="let city of cities" [value]="city.id">
{{city.name}}</ion-option>
</ion-select>
</ion-item>
//home.ts
selectedcity: city
getSelectedCity(){
return this.selectedcity;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
NgZone / Angular2 / Ionic2 TypeError：无法读取未定义的属性“运行”
- 2
对齐选择并输入文本Ionic2
- 3
Angular2 / Ionic2：未定义不是对象（评估“ Pst.Base64.decode”）
- 4
ionic2 + Angular2的列表选择
- 5
选择ionic2进行生产是否正确的选择？
- 6
Ionic2在ion-searchbar中选择文本
- 7
如何创建Ionic2自定义构建过程？
- 8
如何在 Ionic2 中添加用户定义的图标？
- 9
ionic2 - 如何自定义按钮大小
- 10
以Ionic2形式访问离子-无线电值
- 11
在IONIC2中动态创建离子输入值
- 12
在IONIC2中动态创建离子输入值
- 13
如何检查JSON对象ionic2中的值
- 14
Ionic 2：未定义不是对象
- 15
在Ionic中获得了未定义的输入值
- 16
选择2使用initSelection Ajax调用显示未定义
- 17
选择2使用initSelection Ajax调用显示未定义
- 18
Struts 2获得未定义数量的选择标签
- 19
Angular2 - 输入值未定义
- 20
Angular 2：ngFor 循环未定义值
- 21
扩展http类用于自定义用法ionic2 / Angular2导致错误
- 22
Angular2/Ionic2 在哪里定义全局变量？
- 23
Ionic2 + Angular2-带有离子图标星的动态速率值
- 24
当从选择框中选择其他选项时，ionic2显示输入字段
- 25
在Ionic2中选择打开弹出窗口时如何检测事件？
- 26
IONIC2日期时间选择器上的语言环境时间
- 27
无法为动态加载的 Ionic2 离子选择设置选定属性
- 28
Ionic2自定义组件中的参数未显示
- 29
如何在ionic2中添加新的自定义字体图标
我来说两句