ionic3蓝牙组件打开和关闭,同时包括给单选按钮toggle赋初值的操作(typescript)

本文介绍如何在Ionic3应用中利用蓝牙组件实现蓝牙的开启和关闭,并结合HTML5的单选按钮toggle进行操作。通过[(ngModel)]绑定数据,实现在blesettings页面加载时设置toggle的初始状态。当toggle选中时(true)开启蓝牙,未选中(false)关闭蓝牙。同时,由于BluetoothSerial组件缺少明确的关闭函数,作者采用了自定义的处理方式来完成蓝牙关闭功能。
摘要由CSDN通过智能技术生成

接上篇,获取了蓝牙的状态,重回blesettings界面

前端界面中设置了一个单选按钮

<ion-item>
   <ion-icon name="ios-bluetooth" item-start color="purple"></ion-icon>
   <ion-label>打开蓝牙</ion-label>
   <ion-toggle color="purple"   [(ngModel)]="blestate"              
       (ngModelChange)="bleChange($event)" ></ion-toggle> 
</ion-item>

单选框里面除了颜色设置,有两个东西

[(ngModel)]="blestate" 与后端数据绑定,后端代码

 public blestate:boolean;

 并通过settings的provider获取蓝牙的状态,上篇已讲,这里引进onInit的概率,主要是为了在进入blesettings页面的时候,单选按钮ion-change有一个初始状态即蓝牙开的时候在右边,关的时候在左边


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值