在 Angular 控制器完成加载异步函数后加载 html 视图

Question

我正在显示一个具有条件启用或禁用的按钮，在控制功能中检查了两个值，一个值在服务调用后更新。因此结果视图显示为禁用，因为之前调用了该函数和异步调用稍后更新值。

所以我希望我的视图稍后在异步调用完成后调用该禁用控制器函数。

<button class="btn btn-default" ng-disabled="shouldDisableNewStrategyLink()" id="newStrategy">
              Create New Strategy</button>

$scope.shouldDisableNewStrategyLink= function(){
   return !$scope.currentVenue.isEdit || !mapsAvailable;
}

这里的变量 mapsAvailable 稍后在异步 http 调用完成时更新。

Answer 1

ng-disabled="myAsyncCall(shouldDisableNewStrategyLink())"怎么样

地点：

$scope.myAsyncCall = function(callback){
  $http.get(blah blah blah).then(
       callback(err,data);
}

$scope.shouldDisableNewStrategyLink = function(err,data){
  //do equivalent of return !$scope.currentVenue.isEdit || !mapsAvailable; here
}