2017-04-15 64 views
1

我想顯示Ionic2中存在的藍牙設備列表。無法在離子2中出現藍牙設備列表

我在離子中製作了.ts和.html頁面。

現在我可以使用應用程序打開手機上的藍牙,但無法看到其他設備。

的.ts文件:

import { Component } from '@angular/core'; 
import { Platform, AlertController } from 'ionic-angular'; 
import { BluetoothSerial } from 'ionic-native'; 
import { NavController } from 'ionic-angular'; 

@Component({ 
    selector: 'page-page1', 
    templateUrl: 'page1.html' 
}) 
export class Page1 { 
public working:string; 
public var2: string ; 
public lists = []; 

    constructor(private alertCtrl: AlertController, public platform: Platform, public navCtrl: NavController) { 
    platform.ready().then(() => { 
     BluetoothSerial.isConnected() 
     .then(() => { 
      console.log('is connected'); 
     }, (err) => { 
      console.log(' not connected') 
     }) 
    }); 
    } 

    enableBluetooth(){ 
    BluetoothSerial.enable() 
    } 

    discoverBluetooth(){ 
    /* BluetoothSerial.setDeviceDiscoveredListener(function(device) { 
     console.log('Found: '+device.id); 
    });*/ 
    } 

    unpairedBluetooth(){ 
    BluetoothSerial.discoverUnpaired().then(function(devices) { 
     devices.forEach(function(device) { 
     console.log(device.id) 
     }); 
    }) 
    } 

    listDevices(){ 
    BluetoothSerial.isEnabled().then((data)=> { 
     console.log(data); 
     BluetoothSerial.list().then((allDevices) => { 
     this.lists = allDevices; 
     let result = []; 
     for (var out in this.lists) {   
      result.push(out); 
     } 
     }) 
    }) 
    }} 

.html文件:

<ion-header> 
    <ion-navbar> 
    <button ion-button menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Page One</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 


    <ion-buttons> 
<button ion-button (click) = "enableBluetooth()">Turn on bluetooth</button> 
</ion-buttons> 
<ion-buttons> 
<button ion-button (click) = "listDevices()">List devices</button> 
</ion-buttons> 

    <ion-list> 
     <ion-item *ngFor="let out of lists">{{out}}</ion-item> 
    </ion-list> 

<ion-buttons> 
<button ion-button (click) = "unpairedBluetooth()">Unpair</button> 
</ion-buttons> 
</ion-content> 

我在我的應用程序的響應,但它只能說明:

[object Object] 

我如何可以讀取這些?

回答

0

我覺得在這一行:

<ion-item *ngFor="let out of lists">{{out}}</ion-item> 

變化{{out}}喜歡的東西{{out.name}},出門就是複雜的對象,但你應該顯示對象的關鍵。如果你想要名稱來檢查這Bluetooth Serial

[{ 
"class": 276, 
"id": "10:BF:48:CB:00:00", 
"address": "10:BF:48:CB:00:00", 
"name": "Nexus 7" 
}]