ng-change不會觸發

Question

ng-change不會觸發我的函數，這裏是視圖;

  <div ng-controller="widgets.lunchMenu as vm"> 
        <label class="btn btn-transparent grey-salsa btn-circle btn-sm active"> 
         <input type="radio" name="options" class="toggle" id="option1" ng-model="vm.takeCount" ng-value="0" ng-change="vm.getLunchMenus()">@L("Today") 
        </label> 
        <label class="btn btn-transparent grey-salsa btn-circle btn-sm"> 
         <input type="radio" name="options" class="toggle" id="option2" ng-model="vm.takeCount" ng-value="7" ng-change="vm.getLunchMenus()">@L("Week") 
        </label> 
        <label class="btn btn-transparent grey-salsa btn-circle btn-sm"> 
         <input type="radio" name="options" class="toggle" id="option3" ng-model="vm.takeCount" ng-value="30" ng-change="vm.getLunchMenus()">@L("Month") 
        </label> 
      </div> 

這裏是控制器：

(function() { 
    appModule.controller('widgets.lunchMenu', [ 
    '$scope', 'abp.services.app.lunch', 
    function ($scope, appService) { 
     var vm = this; 
     var today = new Date(); 
     var month = today.getMonth(); 

     vm.getLunchMenus = function() { 
      appService.getLunchMenus({ month: month + 1, takeCount: vm.takeCount }).success(function (data) { 
       vm.menus = data.items; 
      });; 
     }; 

     vm.getLunchMenus(); 
    } 
]); 
})(); 

什麼建議嗎？感謝您的幫助。

Answer 1

爲使ng-change指令能夠看到vm.getLunchMenus函數，它必須位於$scope上。所以，你需要做的線沿線的東西：

$scope.vm = this; 
$scope.vm = function() { ... } 

然後在你的標記，你可以做你與

ng-change="vm.getLunchMenus()" 

---

做什麼，或者你可以做一些事情那樣簡單

$scope.getLunchMenus = function() { ... } 

然後在標記：

ng-change="getLunchmenus()" 

不要完全刪除了vm變量的需要，因爲this並不真正意味着什麼在標記的指令（ng-change等）。