首页 > 网站 > WEB开发 > 正文

小人儿的笔记(AngularJS)--03

2024-04-27 15:07:39
字体:
来源:转载
供稿:网友

表达式

1.由$parse服务解析,而不是JS中的eval函数; 2.相对于作用域,而不是全局; 3.可以写在HTML中,使用{{exPR}}; 4.容错性:如果有错就不解析; 5.不支持自增、自减、位运算符等; 6.不允许流程控制语句、异常语句; 7.支持过滤器;

表达式手动解析

<body ng-controller="ExpressController"> <input type="text" ng-model="exp"> <h3>result:<span ng-bind="result"></span></h3></body>angular.module('myApp', []).controller( 'ExpressController', ['$scope', '$parse',function($scope,$parse){ //手动解析要先注入$parse,对要解析的数据进行$watch监控 $scope.$watch("exp",function(nv,ov,sc){ try{ //回掉函数中通过$parse解析得到一个函数,nv就是$scope.exp var pf=$parse(nv); //通过函数的执行得到结果 $scope.result=pf(sc); } catch(e){ $scope.result=""; } });}]);

注意:

系统中太多的监听会影响系统的性能,我们可以在满足某些条件后,取消监听,方法为:var watch=$scope.$watch('exp', function(newValue, oldValue) {});watch();//加上小括号去掉监听。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表