1. 程式人生 > >$apply方法(觸發臟檢查機制)

$apply方法(觸發臟檢查機制)

oct -1 alt module img rip ++ bsp area

技術分享

$swatch監聽方法

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../angular-1.5.5/angular.min.js"></script>

</head>
<body ng-app="myApp"> // ng-app表示作用範圍
<div ng-controller="ctrl"> //創建控制器

{{age}}
<p>{{oldValue}}</p>
<p>{{intro}}</p>
<textarea name="" id="" cols="30" rows="10" ng-model="intro"></textarea>
</div>

</body>
<script>

var app= angular.module("myApp",[])//
創建modle(模塊)
  app.controller("ctrl",function($scope) {
$scope.age="17";
$scope.intro="環意昂1111";
$scope.$watch("intro",function(newValue,oldValue){ //oldValue為改變後前一次的數據 mewValue新數據
        $scope.oldValue=oldValue   
        });
setInterval(function(){
$scope.$apply(function(){
由於setInterval不能觸發臟檢查機制 要使用$apply方法

$scope.age++;
})
},1000)
});

$apply方法(觸發臟檢查機制)