我试图将电池管理器对象挂接到 Angular Controller ,但是当 navigator.getBattery()
的 promise 完成时, Controller 对象似乎没有更新。这是我想到的
(function(){
var app=angular.module('appBattery',[]);
app.controller('batteryController',['$window',function($window){
this.bat={};
this.level=this.bat.level;
$window.navigator.getBattery().then(function(battery){
setBattery(battery);
});
function setBattery(battery){
this.bat=battery;
console.log(this.bat);
}
console.log(this.bat);
}]);
})();
用这个html
<div ng-app='appBattery'>
<div id="battery-status-bar" ng-controller='batteryController as battery'>
<div class="battery">
<div class="power">
{{battery}}
<div class="level"></div>
</div>
</div>
<div class="percentage">{{battery.bat.level}}</div>
<div class="time">{{battery.bat.chargeTime +':'+battery.bat.dischargeTime}}</div>
</div>
</div>
也可以在jsfiddle上找到here
最佳答案
您可以将 Controller 保留为语法。查看我更新的 fiddle https://jsfiddle.net/fnnruzjw/1/ 。目前有几个问题:
您需要使用 $scope.$apply。
$window.navigator.getBattery().then(function(battery){
$scope.$apply(function() {
setBattery(battery);
});
});
你的 this 指的是错误的 this (我将其更改为 vm,这是一种流行的约定)。
重新分配电池对象时,您丢失了对电池对象的引用。我使用 angular.copy 来保留引用。
function setBattery(battery){
angular.copy(battery, vm.bat);
console.log(vm.bat);
}
关于javascript - 在 Angular js 中使用电池管理器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34095475/