ionic 切换开关

版权声明:本文为博主原创文章,未经博主允许转载将负法律责任。 https://blog.csdn.net/ningmengbaby/article/details/82811415

【前言】

最近在做积分项目,前端用的是ionic,经过锻炼也学到了很多的东西。

【过程】

开发消息通知功能。一开始画的是页面,在百度上一搜,菜鸟教程,csdn博客很多的文章,但是经试验无果,本来以为是没有引入人家的css样式,想得很复杂然后还没有实现。后来经过大神们的指点,两三行代码就搞定了。详情请见ionic官网

<ion-item>
  <ion-label>Sam</ion-label>
  <ion-toggle disabled checked="false"></ion-toggle>
</ion-item>

从这个过程中感受比较大的是,为什么接触一个新东西要看官网了。

接下来就是去真的实现功能了。

前端代码:html

<ion-list class="Single-list">
      <ion-item class="Single-data">
        <ion-label class="secaccount">将自己的积分赠与别人</ion-label>
        <ion-toggle [(ngModel)]="isToggled" (ionChange) ="toggleFun()"></ion-toggle>
      </ion-item>
    </ion-list>

 ts


export class SetupPage {

  public isToggled = false;
}

toggleFun(){

   this.isToggled = true;
 
    
  }  

以上代码是怎么将html中的数据传到ts。

【总结】

开发一个功能首先看官网,多跟大家交流,多总结,多进步。 mybatis传递多个参数

猜你喜欢

转载自blog.csdn.net/ningmengbaby/article/details/82811415