Ionic framework ngModelChange上的无限循环
我有一个包含用户的列表,我有一个项目,我希望它将我重定向到一个模式页面。 我的问题是,只要我的页面可用,我就会得到一个无限的模态弹出窗口,而不是继续我的离子选择并选择项目,这样我就可以得到弹出窗口 htmlIonic framework ngModelChange上的无限循环,ionic-framework,Ionic Framework,我有一个包含用户的列表,我有一个项目,我希望它将我重定向到一个模式页面。 我的问题是,只要我的页面可用,我就会得到一个无限的模态弹出窗口,而不是继续我的离子选择并选择项目,这样我就可以得到弹出窗口 html 在模板中设置[value]实际上是调用openConfig()函数,在页面加载上创建一个无限循环。要执行此处尝试执行的操作,根本不需要在模板中引用openConfig函数 ionselect使用输出事件ionChange,该事件输出所选离子选项的值。所以在离子3中,通常的方法是这样的: ht
在模板中设置
[value]
实际上是调用openConfig()
函数,在页面加载上创建一个无限循环。要执行此处尝试执行的操作,根本不需要在模板中引用openConfig
函数
ionselect
使用输出事件ionChange
,该事件输出所选离子选项的值。所以在离子3中,通常的方法是这样的:
html:
培根
黑橄榄
额外的奶酪
蘑菇
意大利 辣味 香肠
香肠
js:
请注意,ion选项的值
只是标签的文本。这就是您应该在“onChange”函数中检查的内容
你还有其他几个不相关的打字错误,但我相信这解决了你无限循环的问题。希望这有帮助 非常感谢,我还有一个问题,在我的例子中,我有一个用户列表,所以它需要获得id,有没有办法为我的按钮设置条件?因为当我选择黑橄榄,而不是打开模式,它会抛出一个未定义的错误(并打开模式),我希望它忽略这一个没有一个,我不知道你的应用程序是如何工作的,但我只是添加到条件。i、 e.if(value=='Black Olives'&&user!=未定义){
或类似的东西(检查是否有用户对象的逻辑是如何工作的)。
<ion-select interface="popover" (ngModelChange)="onChange($event)">
<ion-option>Bacon</ion-option>
<ion-option [value]="openConfig()"></ion-option>Black Olives</ion-option>
<ion-option>Extra Cheese</ion-option>
<ion-option>Mushrooms</ion-option>
<ion-option>Pepperoni</ion-option>
<ion-option>Sausage</ion-option>
</ion-select>
onChange(value: any) {
if (value === 'openConfig') {
this.openConfig()
}
}
openConfig() {
this.modalCtrl.create('ConfigModal').present;
console.log('heeey')
}
onChange(value: any) {
if (value === 'Black Olives') {
this.openConfig()
}
}
openConfig() {
this.modalCtrl.create(ConfigModal).present();
}