考虑
this Plunkr.
这是HTML:
<!DOCTYPE html> <html id="ng-app" ng-app="myAngularapp"> <head> <script data-require="angular.js@*" data-semver="1.2.0-rc2" src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script> <script src="script.js"></script> </head> <body ng-controller="MyController"> <input ng-model="myDto.Weight" />{{myDto.Status}} </body> </html>
这是JavaScript:
var myDto = {Weight: 200,Status: 'Acceptable'}; var myAngularapp = angular.module('myAngularapp',[]); myAngularapp.factory('myService',function($q){ return { getMyDto: function(){ var deferred = $q.defer(); deferred.resolve(myDto); return deferred.promise; } }; }); myAngularapp.controller('MyController',function MyController($scope,myService){ $scope.myDto = myService.getMyDto(); $scope.$watch('myDto.Weight',function(newVal,oldVal){ if (newVal < 150) { $scope.myDto.$$v.Status = 'Too Light!'; // Is this the recommended way of doing it? } else if (500 < newVal) { $scope.myDto.$$v.Status = 'Too Heavy!'; } else if (Number(newVal)) { $scope.myDto.$$v.Status = 'Acceptable'; } else { $scope.myDto.$$v.Status = 'Not a number!'; } }); });
我不会直接修改$$v,它是一个实现细节.相反,使用然后获得承诺的结果,然后随意使用它.这需要对代码进行最少的更改.
myAngularapp.controller('MyController',myService){ ($scope.myDto = myService.getMyDto()).then(function(myDto) { $scope.$watch('myDto.Weight',oldVal){ if (newVal < 150) { myDto.Status = 'Too Light!'; // Is this the recommended way of doing it? } else if (500 < newVal) { myDto.Status = 'Too Heavy!'; } else if (Number(newVal)) { myDto.Status = 'Acceptable'; } else { myDto.Status = 'Not a number!'; } }); }); });
原文地址:https://www.jb51.cc/angularjs/141082.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。