1.結合JQuery的事件模式
$(document).ready(function() { //取得 angular Scope var scope = angular.element($('#myApp')).scope(); // 從 Bootstrap jquery 事件, 連結到 angular noty service $('.collapse').on('hide.bs.collapse', function() { // class scope.$apply(function() { scope.noty.add({type: 'danger', title: 'Hey!', body: '閉合事件.'}); }); }); $('.collapse').on('show.bs.collapse', function() { scope.$apply(function() { scope.noty.add({type: 'info', title: 'Hey!', body: '展開事件.'}); }); }); $('#btn1').on('click', function() { //id scope.$apply(function() { scope.noty.add({type: 'warning', title: 'Wow', body: '按鈕點擊'}); }); }); });
2. 資料值變化事件 $watch. ng-change 雖一樣提供資料變化後時的事件, 但並不提供變化前之數值.
$scope.$watch('test', function(newValue, oldValue) { //監控 $scope.test 變數值的變化 },true);