Angularjs手动解析表达式($parse)
下面一段代码给大家介绍了angularjs手动解析表达式($parse),具体代码如下所示:
<!DOCTYPEhtml> <htmllang="zh-CN"ng-app="app"> <head> <metacharset="utf-8"> <title>手动解析表达式($parse)</title> <linkrel="stylesheet"href="../bootstrap.min.js"> </head> <bodyng-controller="myController"> <divng-controller="myController"> <inputtype="text"ng-model="expr"placeholder="enteranexpression"> <h2>{{parsedValue}}</h2> </div> <scriptsrc="../angular.min.js"></script> <script> angular.module('app',[]) .controller('myController',function($scope,$parse){ $scope.$watch('expr',function(newVal,oldVal,s){ if(newVal!==oldVal){ varparseFun=$parse(newVal); $scope.parsedValue=parseFun(s); //使用链式调用的方式你也可以这样写 //$scope.parsedValue=$parse(newVal)(s); } }) }) </script> </body> </html>
补充:解析AngularJS表达式
尽管AngularJS会在运行$digest循环的过程中自动解析表达式,但有时手动解析表达式也是非常有用的。AngularJS通过$parse这个内部服务来进行表达式的运算,这个服务能够访问当前所处的作用域。这个过程允许我们访问定义在$scope上的原始JavaScript数据和函数。将$parse服务注入到控制器中,然后调用它就可以实现手动解析表达式。举例来说,如果页面上有一个输入框绑定到了expr变量上,如下所示:
<divng-controller="MyController"> <inputng-model="expr" type="text" placeholder="Enteranexpression"/> <h2>{{parseValue}}</h2> </div>
我们可以在MyController中给expr这个表达式设置一个$watch并解析它:
angular.module("myApp",[]) .controller('MyController', function($scope,$parse){ $scope.$watch('expr',function(newVal,oldVal,scope){ if(newVal!==oldVal){ //用该表达式设置parseFun varparseFun=$parse(newVal); //获取经过解析后表达式的值$scope.parsedValue=parseFun(scope); }}); });
以上所述是小编给大家介绍的Angularjs手动解析表达式($parse),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!