$ apply

Question

問題：在下面的設置中，是否有一種方法可以在不將$ scope注入Angular「controller as」方法的情況下獲得所需的模型更改？

在HTML：

<div data-ng-controller="Buildings as vm"> 
    <select data-ng-model="vm.selected.building" 
      data-ng-options="building.name for building in vm.buildings" 
      data-ng-change="vm.changeBuilding()"> 
    </select> 
    <div data-ng-repeat="building in vm.buildings"> 
    <div data-ng-if="vm.selected.building.name === building.name"> 
     <select data-ng-model="vm.selected.room" 
       data-ng-options="room.name for room in building.rooms" 
       data-ng-change="vm.changeRoom()"> 
     <option value=""></option> 
     </select> 
    </div> 
    </div> 
</div> 

控制器：

angular.module('App').controller('Buildings', ['$scope', 'BuildingService', 'Geolocation', 
    function ($scope, BuildingService, Geolocation) { 
     var vm = this; 
     BuildingService.getAll().then(function (buildings) { 
      vm.buildings = buildings; 
      vm.selected = { // defaults 
       building: buildings[0], 
       room: null 
      }; 
     }); 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function (position) { 
       vm.selected.building = Geolocation.closest(position, vm.buildings); 
       vm.selected.room = null; 
       $scope.$apply(); // <--- Why is that needed? 
      }); 
     } 
     vm.changeBuilding = function() { 
      vm.selected.room = null; 
      console.log(vm.selected); 
     }; 
     vm.changeRoom = function() { 
      console.log(vm.selected); 
     }; 
    } 
]); 

的解釋：我取從服務建築物的陣列，然後將第一個作爲默認進入的範圍。然後，我計算（使用建築物的緯度和經度）哪些建築物與我當前的位置最接近，並相應地更改模型對象。

這一切正常。默認建築物在第一個html選擇控件中閃爍，然後更改爲最近的建築物。

但是，我發現當我使用「Controller as」語法時，必須將$ scope注入到控制器中，因爲通常不需要它。你看，如果我拿出$ scope。$ apply（）;行，視圖不會改變。儘管vm.selected.building實際上包含最近的建築物，它仍然顯示默認建築物。 （當我嘗試從第二個html選擇房間時，第一個更新到vm.selected.building模型對象中的值。

那麼，這是爲什麼？有沒有辦法讓沒有注射所需的功能

編輯：所以真正的問題是：爲什麼我必須調用$範圍$適用（）這裏爲什麼觀點沒有改變，沒有它

Answer 1

在這裏，在本節？您在回撥中更新vm.selected.building

 navigator.geolocation.getCurrentPosition(function (position) { 
      /* See how this is a callback passed to getCurrentPosition that will be executed later */ 
      vm.selected.building = Geolocation.closest(position, vm.buildings); 
      vm.selected.room = null; 
      $scope.$apply(); // <--- Why is that needed? 
     }); 

apply（）角度同步你的綁定。在大多數應用程序被自動調用後，在你的構造函數代碼之後，或者在你提供給角碼的大多數回調之後。但是，如果您有第三方庫不會自動爲您自動應用，則需要自行完成。所以你要麼注入範圍，以便你可以在這裏申請，或者你需要讓你的navigator（這似乎是一個全球變量）角度服務，並使這一個電話適用於你。