在 ionic 2 视图中显示电池状态答案

【问题标题】：displaying battery status in ionic 2 view在 ionic 2 视图中显示电池状态
【发布时间】：2017-02-22 05:22:46
【问题描述】：

我正在尝试在我的 ionic 视图中显示电池状态。我得到了显示网络连接解决方案。但无法显示电池状态，我已安装 ionic 2 电池状态插件

HTML

<h2>Battery status: {{status?.level}}</h2>
<h2>Battery is plugged:{{status?.isPlugged}}</h2>

TypeScript

status:any;
constructor(public alert:AlertController, public platform: Platform) { 
  this.platform.ready().then(()=>{
    let subscription = BatteryStatus.onChange().subscribe( (status) => { 
      console.log(status.level, status.isPlugged); 
      this.status=status.level;
    });
  });
}

你可以从下面的bitbucket git中克隆

$ git clone https://bitbucket.org/maniselvam/ionic2battery.git

【问题讨论】：

您遇到的错误是什么？
@AishApp 我没有收到任何错误，也没有收到电池状态
你导入import { BatteryStatus } from 'ionic-native';了吗？
@gerdi 是的，我有

标签： cordova ionic2 battery

【解决方案1】：

在您的 TS 文件中导入电池状态。

import { BatteryStatus } from 'ionic-native';

为电池状态声明一个变量

Level:any = 0;

初始化插件

let subscription = BatteryStatus.onChange().subscribe(
  (status) => {
    this.Level = status.level;
    console.log(status.level, status.isPlugged);
  }
);

HTML

<h1>Battery Level: {{Level}}</h1>

【讨论】：