您的位置：首页 > Web前端 > AngularJS

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

2017-02-06 11:49 211 查看

表达式

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) {});
8cfb
watch();//加上小括号去掉监听。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航