AngularJS 中ng-model通过$watch动态取值
Posted 天空之城
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS 中ng-model通过$watch动态取值相关的知识，希望对你有一定的参考价值。
这个例子的意思是，当xxxx的长度不超过6时，xxxx和yyyy两个input的model是无关的，但当xxxx超过6，则yyyy会跟随其值而变化。
<!doctype html> <html> <head lang="en"> <meta charset="utf-8"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script type="text/javascript"> var app = angular.module(‘app‘, []); app.controller(‘AppCtrl‘, function($scope) { $scope.xxxx = "apple"; $scope.yyyy = "banana"; $scope.$watch(‘xxxx‘, function() { if ($scope.xxxx.length > 6) { $scope.yyyy = "***" + $scope.xxxx + "***"; } else {} }); }); </script> </head> <body ng-app="app" ng-controller="AppCtrl"> <input type="text" ng-model="xxxx"> <input type="text" ng-model="yyyy"> <br/> <p>{{xxxx}}</p> <p>{{yyyy}}</p> </body> </html>
以上是关于AngularJS 中ng-model通过$watch动态取值的主要内容，如果未能解决你的问题，请参考以下文章
AngularJS - 选择的 ng-model 工作不正常