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

    xiaoxiao2021-03-26  33

    表达式

    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();//加上小括号去掉监听。
    转载请注明原文地址: https://ju.6miu.com/read-664209.html

    最新回复(0)