作用
$apply()方法可以在angular框架之外执行angular JS的表达式，例如：DOM事件、setTimeout、XHR或其他第三方的库。- 通知模板当前属性被改变
例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div>
<h1>{{indexName}}</h1>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function ($scope,$compile,$rootScope) {
$scope.indexName = "主页";
setTimeout(function(){
console.log($scope.indexName);
$scope.indexName = "被改变的主页";
console.log($scope.indexName);
},500)
});
</script>
</body>
</html>
效果
当控制台打印出 被改变的主页的时候 网页上面显示出来的仍然是主页，这时因为没有角色同通知angularjs数据改变了
修改
setTimeout(function(){
console.log($scope.indexName);
// $scope.indexName = "被改变的主页";
$scope.$apply(function(){
$scope.indexName = "被改变的主页";
})
console.log($scope.indexName);
},1000)
- 经过
$apply的通知，我们就会发现，模板就随着数据而改变了
扫一扫
994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
