在AngularJS中,当使用“controller as”语法和“this”时,如何在promise的回调中引用“this”?

前端之家收集整理的这篇文章主要介绍了在AngularJS中,当使用“controller as”语法和“this”时,如何在promise的回调中引用“this”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在then()中返回了一些数据,我需要将它存储在“this”变量中.因为它没有存储在范围内,并且因为它包含在回调中,所以我的控制器的“this”无效.如何将数据冒泡,以便将其存储在“this”中?见下文:

angular.module('logisticsApp.controllers').
controller('InventoryCtrl',['$scope','$http','$window','DataService',function ($scope,$http,$window,DataService) {

    this.inventory = ''; // need to have data stored here

    $scope.$on('$viewContentLoaded',angular.bind(this,function() {
      // "this" is still valid here
      myService.getInventory().then(function(data) {
        // "this" is no longer valid!
        $scope.inventory = data; // so this fails
      });
    }));
}]);

解决方法

你可以使用angular.bind:

myService.getInventory().then(angular.bind(this,function(data) {
  console.log(this.inventory);
}));

angular.bind docs开始:

Returns a function which calls function fn bound to self (self becomes the this for fn).

您还可以保存对上下文的引用(this),如下所示:

var self = this;

myService.getInventory().then(function(data) {
  console.log(self.inventory);
});

猜你在找的Angularjs相关文章