angulajs 中 $scope.$apply方法的作用

发布时间：2020-12-17 08:45:29 所属栏目：安全来源：网络整理

导读：angulajs 中 $scope.$apply方法的使用引出$apply的使用 angular本身提供的事件方法可以正常修改页面值因为他本身自己调用了$scope.apply方法当我们通过原生JS或者第三方库修改了angularjs中的数据 angularjs监控不到所以我们要手动通知angularjs 说 js中

angulajs 中 $scope.$apply方法的使用

引出$apply的使用

angular本身提供的事件方法可以正常修改页面值因为他本身自己调用了$scope.apply方法
当我们通过原生JS或者第三方库修改了angularjs中的数据 angularjs监控不到所以我们要手动通知angularjs 说 js中的数据变了你帮我更新一下HTML吧

<body ng-app="myApp" ng-controller="demoCtrl">
	{{ msg }}
	<!-- <button ng-click="modify()">修改值</button> -->
	<button onclick="modify()">修改值</button>
	<script src="node_modules/angular/angular.js"></script>
	<script>

		angular.module('myApp',[])

			.controller('demoCtrl',['$scope',function($scope){

				$scope.msg = "我是msg";

      	/*$scope.modify = function(){
					//angular方法可以正常修改
					$scope.msg = "我是通过modify方法修改的值";
				}*/

				//以下两个示例是js代码，无法更新值变化,需手动更新
				window.modify = function(){
					$scope.msg = "我是通过原生点击事件修改的值";
					// 当我们通过原生JS或者第三方库修改了angularjs中的数据 angularjs监控不到 手动更新
					$scope.$apply();
				}

				setTimeout(function(){
					// $scope.msg = "我是通过setTimeout修改的值";
					// $scope.$apply();
				},2000); 

			}])
	</script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!