ionic3蓝牙搜索列表，缓冲圈和提示（typescript）

最新推荐文章于 2021-11-26 15:28:23 发布

是阿晋啊

最新推荐文章于 2021-11-26 15:28:23 发布

阅读量684

点赞数

分类专栏：软件文章标签： ionic 蓝牙

本文链接：https://blog.csdn.net/qq_38255285/article/details/85797882

版权

本文介绍了在Ionic3项目中如何实现蓝牙设备搜索列表的显示和刷新功能。通过`list()`和`refresh()`两个函数来处理列表操作，利用loading组件呈现缓冲效果，用Toast提供刷新成功的提示。为了代码复用，创建了公共文件`baseui.ts`，在blesetting组件中继承并调用。在前端界面，通过ion-icon的刷新图标触发刷新操作，使用ngFor循环显示后台数据。同时，添加判断确保只有在蓝牙开启时才显示相关列表，提高用户体验。

摘要由CSDN通过智能技术生成

列表显示和刷新我主要写在两个函数list()和refresh()中

public bluetoothList:any;

  list(){
    this.bleSerial.list().then(
      data =>{
        this.bluetoothList=data;
      }).catch(()=>{
        this.errDeal("蓝牙错误");
      })
  }

然后编写refresh()函数

  refresh(){
    if(this.settings.blestatebool == true){
          var loading = super.showLoading(this.loadCtrl,"刷新中");
    this.bleSerial.discoverUnpaired().then(
      data =>{
        this.bluetoothNewList=data;
        loading.dismiss();
        super.showToast(this.toastCtrl,"刷新成功");
      }).catch(()=>{
        this.errDeal("蓝牙错误");
      loading.dismiss();
      })  
    }else{
         this.errDeal("请打开蓝牙");
    }
  }

1.这里使用loading，就是在未响应之前都会是有一个圈的状态 &#