$apply方法(觸發臟檢查機制)
阿新 • • 發佈:2017-05-08
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方法(觸發臟檢查機制)