Question

我的最终目标是构建一个具有按钮的应用程序，按下时按下：

列出所有未配对的蓝牙设备-----（特别是Arduino HC-06）
选择要连接的设备
将数据写入设备

首先，我正在测试按钮功能。

我的按钮可见，按下后会显示警告：

HTML：

library(ggplot2)
library(ggrepel)
ggplot(df2, aes(y = DD, color = Pama)) +
  geom_segment(aes(x = Start, xend = End, yend = DD), size = 10) +
  geom_text_repel(data = function(d) tidyr::gather(d, k, p, -DD, -Pama), aes(label = p, x = p), size = 5, nudge_y = -.15, segment.size = 0) +
  # geom_label_repel(aes(label = End, x = End), size = 5, nudge_y = -.15) +
  geom_text(aes(x = (Start + End) / 2, label = Pama), colour = "white", size = 2.5) +
  scale_y_discrete(position = 'right') +
  guides(color = FALSE) +
  theme(panel.background = element_rect(fill = 'white'),
        axis.text.x = element_blank(),
        axis.ticks.x = element_blank(),
        axis.text.y.right = element_text(size = 14),
        axis.ticks.y = element_blank(),
        axis.title = element_blank())

JS：

<ion-header>
  <ion-navbar>
    <ion-title>
      About
    </ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <button ion-button  ng-click="showAlert()">FIND</button>
</ion-content>

现在要使用蓝牙，我需要在构造函数中包含BluetoothSerial，但是，在包含它之后按钮会消失：

JS：

import { Component } from '@angular/core';
import { AlertController } from 'ionic-angular';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})

export class AboutPage {

  constructor(public alertCtrl:AlertController) {

  }

  showAlert() {
    let alert = this.alertCtrl.create({
      title: 'TEST TITLE',
      subTitle: 'TEST SUBTITLE',
      buttons: ['OK']
    });
    alert.present();
  }

我在Android设备上测试了所有这些。

问题1：如何解决此问题？

问题2：也许有人已经完成了整个应用，可以分享他们的代码吗？

Answer 1

解决

必须将BluetoothSerial添加到我的应用模块（src/app/app.module.ts）。 http://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module

IONIC - 构造函数中的BluetoothSerial使所有元素都不可见

1 个答案: