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

最新推荐文章于 2017-02-06 14:36:54 发布

JtUnion

最新推荐文章于 2017-02-06 14:36:54 发布

阅读量458

点赞数

分类专栏： web 文章标签： angularjs 表达式

本文链接：https://blog.csdn.net/JtUnion/article/details/54891372

版权

web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

表达式

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();//加上小括号去掉监听。

JtUnion

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小人儿的笔记（AngularJS)--03

表达式1.由$parse服务解析，而不是JS中的eval函数； 2.相对于作用域，而不是全局； 3.可以写在HTML中，使用{{expr}}； 4.容错性：如果有错就不解析； 5.不支持自增、自减、位运算符等； 6.不允许流程控制语句、异常语句； 7.支持过滤器；表达式手动解析<body ng-controller="ExpressController"> <input type
复制链接

扫一扫