如何在离子3的代码中解决这个ngFor

<ion-header>
  <ion-navbar>
    <ion-title>
      BlueTooth Printer
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
 
  <ion-list>
      <ion-item *ngFor=" let device of devicelists">
        {{device?.address}}
      </ion-item>
  </ion-list>

</ion-content>

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

 declare var bluetoothSerial: any;

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  devicelists: any;

  constructor(public navCtrl: NavController) {
   
  }

  ionViewDidLoad(){
   this.isEnabled();
   this.listDevices();
  }

  listDevices(){
    bluetoothSerial.list(
      function(devices) {
      devices.forEach(function(device) {
        alert(device.address); // This is working just fine
        this.devicelists = device; // But this is what is not working
      })
  }, 
  function(failure){
    alert(failure);
  });
  }
  isEnabled(){
    bluetoothSerial.enable(
      function() {
          alert("Bluetooth is enabled");
      },
      function() {
          alert("The user did *not* enable Bluetooth");
      }
  );
  }

  connect(){
    bluetoothSerial.connect(
     function(data){
      console.log("Success");
      alert(data)
    });
  }
  desconnect(){
    bluetoothSerial.disconnect(function(data){
      console.log("Success");
      alert(data)
    },function(err){
      console.log("Error");
      alert(err)
    })
  }
  printText(){
    bluetoothSerial.write(function(data){
      console.log("Success");
      alert(data)
  },function(err){
      console.log("Error");
      alert(err)
  }, "String to Print")
  }

}