Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 如何在ionic2中使用事件onChange大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
基本上我正在尝试制作一个注册表单,其中有一些下拉列表.我想对它应用“(更改)”事件,它会在值发生变化时触发一个函数,或者我们可以说从该下拉列表中选择值,并根据我将动态分配下一个字段但此事件是当它与文本字段一起工作正常时,不工作下拉列表.
有人可以帮我解决这个问题吗?

示例代码

home.html – >

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>

<form [formGroup]="myForm">   
    <ion-item>
        <ion-label>Dropdown1 :</ion-label>
        <ion-SELEct formControlName="dd" (ionChangE)='f()'  #dd>
         <ion-option value='1'>A</ion-option>
            <ion-option value='2'>B</ion-option>
            <ion-option value='3'>C</ion-option>
            <ion-option value='4'>D</ion-option>
        </ion-SELEct>
    </ion-item>

     <ion-item>
    <ion-label>Dropdown2 :</ion-label>
    <ion-SELEct>
     <ion-option value='1'>E</ion-option>
        <ion-option value='2'>F</ion-option>
        <ion-option value='3'>G</ion-option>
        <ion-option value='4'>H</ion-option>
    </ion-SELEct>
</ion-item>

</form> 
</ion-content>

home.ts – >

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  SELEctor: 'page-home',templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  function f(){
  alert('Value Changed!');
  alert(this.myForm.dd);

  }

}

解决方法

您可以使用NgModel

<ion-SELEct ngModel (ngModelChangE)='f()' name="xxx">

我不确定是否需要ngModel部分才能完全应用ngModel.您可以尝试删除它,看看它是否仍然有效.

三个似乎也是一个ionChange事件

<ion-SELEct (ionChangE)='f()' name="xxx">

http://ionicframework.com/docs/v2/api/components/select/Select/

大佬总结

以上是大佬教程为你收集整理的angular – 如何在ionic2中使用事件onChange全部内容,希望文章能够帮你解决angular – 如何在ionic2中使用事件onChange所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。