當複選框的值發生變化時，$ watch不會在Angular的指令中被點擊

Question

我有一個像這樣的指令設置。

angular.module('app') 
    .directive('bootstrapCheck', function() { 
    return { 
     restrict: 'A', 
     require: '?ngModel', 
     link: function (scope, element, attrs, ngModel) { 
     $.getScript("../../Scripts/js/checkBoxFunctions.js", function() { 
     }); 
     scope.$watch(attrs.ngModel, function (newValue, oldValue) { 
      //debugger; 
     }); 
     } 
    }; 
    }); 

，它的HTML看起來像

<section id="dashboard-view" data-ng-controller="dashboard as vm"> 
    <input type="checkbox" ng-model="vm.my.bool.prop" ng-checked="vm.my.bool.prop" bootstrap-check> 
</section> 

和財產是這樣

var vm = this; 
vm.my = { 
    bool: { 
    prop: true 
    } 
}; 

它好像複選框被綁定到的屬性設置。但每當我點擊複選框，我希望它打到調試器，但它不工作。

Answer 1

我認爲你沒有jQuery加載在頁面上，所以$.getScript是拋出一個例外，因爲其中$watch永遠不會執行。

如果您刪除該代碼，我相信$watch將正常工作。

演示http://plnkr.co/edit/EB3yoccf1N9TLIAawnRM?p=preview