event 事件操作

1 篇文章 / 0 new
author
event 事件操作
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);
Free Web Hosting