javascript - AngularJS / Ionic Header 首次查看时未正确绑定

Question

我有一个简单的 Angular/Ionic 视图，我将模型绑定到该视图。以下是控制器的示例：

.controller('LocationDetailsCtrl',function($scope,$http,$stateParams,$local    storage,$log,Locations){

   var locationId = $stateParams.locationId;

   Locations.setCurrent(locationId);

   var model = {
       location:null
   };

   Locations.getById(locationId)
     .then(function(location){
       $scope.model.location = location;
     },function(error){
       $log.error(error);
   });

   $scope.model = model;
}

我是$scope.model.location.name视图上标题标题的属性。

如下所示

<ion-view view-title="{{model.location.name}}">
   <ion-content>

   ... other model binding stuff here works fine

   </ion-content>
</ion-view>

我遇到的问题是，当视图第一次加载时，除了标题绑定之外，一切都加载正常。然后我可以转到另一个视图，然后回到这个视图，并且标题正确绑定到我的示波器上的模型。

这里是截图

第一次加载视图..

在我导航到另一个视图并返回后

$scope.model.location.XXXX不知道为什么当所有其他属性正确绑定并在视图中更新时它不会第一次绑定。

Answer 1

利用

if (!$scope.$$phase) $scope.$apply()

在你之后

$scope.model.location = 位置；