ionic 切换开关

怼烎@ 2022-05-11 10:12 179阅读 0赞

【前言】

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

【过程】

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

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

![70][]

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

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

前端代码：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传递多个参数][mybatis]

[ionic]: https://ionicframework.com/docs/components/#toggle
[70]: /images/20220511/ca574b9156c145a7b30998c42861945f.png
[mybatis]: https://blog.csdn.net/z69183787/article/details/76064263

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关按键开关

单片机的外部设备中，独立按键算是最简单一个外设了。对于共阴极的独立按键，对应的GPIO口初始化为高电平。当按键按下后，GPIO口变为低电平；放开按键后，按键回复，GPIO口变为

淩亂°似流年/ 2023年01月17日 09:21/ 0 赞/ 127 阅读

相关按钮—按钮开关

按钮—按钮开关 ![在这里插入图片描述][20210418193103791.gif_pic_center] <!DOCTYPE html> <html

红太狼/ 2023年01月13日 10:54/ 0 赞/ 116 阅读

相关 Element的Switch开关

<el-table-column prop="onlineStatus" label="是否上线" align="center" width="95" fixed="r

男娘i/ 2022年12月30日 14:00/ 0 赞/ 165 阅读

相关 ionic之切换开关

1、实例背景 ionic切换开关toggle，设置样式用的是toggle-calm、toggle-light等 2、实现源码 <!DOCTYP

客官°小女子只卖身不卖艺/ 2022年07月15日 15:19/ 0 赞/ 171 阅读

相关 eclipse 面包屑开关

eclipse开发界面顶部出现文件路径 ![面包屑][SouthEast] [SouthEast]: /images/20220617/beb4fc30a6734012

旧城等待，/ 2022年06月17日 04:12/ 0 赞/ 132 阅读

相关 windows自动切换网关

解决了管理员权限的问题，步骤如下 1. 新建一个文本文档，文件名为xxx.bat。 2. 用windows自带记事本打开，添加以下语句： @echo off

清疚/ 2022年06月07日 10:27/ 0 赞/ 340 阅读

相关 ionic 切换开关

【前言】最近在做积分项目，前端用的是ionic，经过锻炼也学到了很多的东西。【过程】开发消息通知功能。一开始画的是页面，在百度上一搜，菜鸟教程，csdn博客很多的文

怼烎@/ 2022年05月11日 10:12/ 0 赞/ 180 阅读

相关 Form-switch开关

<e

╰+哭是因爲堅強的太久メ/ 2022年03月30日 08:18/ 0 赞/ 265 阅读

相关 LeetCode319——灯泡开关

我的LeetCode代码仓：[https://github.com/617076674/LeetCode][https_github.com_617076674_LeetCod

深碍√TFBOYSˉ_/ 2022年01月26日 08:39/ 0 赞/ 237 阅读

相关 [ZJOI2019]开关

[\[ZJOI2019\]开关][ZJOI2019] [题解][Link 1] 到了就停止，很麻烦，因为要状压走了i步，还没有停止方案数，再除以概率，还是不行，还要状

客官°小女子只卖身不卖艺/ 2021年12月23日 15:13/ 0 赞/ 323 阅读