AngularJS之$watch方法(监控动作)
发布时间:2020-12-17 09:59:06 所属栏目:安全 来源:网络整理
导读:1、问题背景 AngularJS中的$watch方法来监听数据变化 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之$watch方法(监控动作)/titlescript src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"/scriptstylebody{font
1、问题背景 AngularJS中的$watch方法来监听数据变化 2、实现源码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS之$watch方法(监控动作)</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <style> body{ font-size: 12px; font-family: "微软雅黑"; background-color: #F8EFC0; backface-visibility: visible; } div{ margin: 10px 10px 10px 10px; } </style> <script> var app = angular.module("watchApp",[]); app.controller("watchCon",['$scope',function($scope){ $scope.count = 0; $scope.username = ""; $scope.$watch('username',function(){ $scope.count++; }); }]); </script> </head> <body ng-app="watchApp"> <div ng-controller="watchCon"> <div> <input type="text" id="username" ng-model="username" maxlength="12" autocomplete="on"/> </div> <div> {{count}} </div> </div> </body> </html> 3、实现结果 (1)初始化 (2)改变输入框值
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |