你的位置:首页 > 软件开发 > Java > angularjs手动解析表达式($parse)

angularjs手动解析表达式($parse)

发布时间:2016-10-12 10:00:13
1 <!DOCTYPE html> 2 <html lang="zh-CN" ng-app="app"> 3 <head> 4 <meta charset="utf-8"&g ...
 1 <!DOCTYPE html> 2 <html lang="zh-CN" ng-app="app"> 3 <head> 4   <meta charset="utf-8"> 5   <title>手动解析表达式($parse)</title> 6   <link rel="stylesheet" href="../bootstrap.min.js"> 7 </head> 8 <body ng-controller="myController"> 9   <div ng-controller="myController">10     <input type="text" ng-model="expr" placeholder="enter an expression">11     <h2>{{ parsedValue }}</h2>12   </div>13   <script src='/images/loading.gif' data-original="../angular.min.js"></script>14   <script>15     angular.module('app', [])16     .controller('myController', function($scope, $parse) {17       $scope.$watch('expr', function(newVal, oldVal, s) {18         if(newVal !== oldVal) {19           var parseFun = $parse(newVal);20           $scope.parsedValue = parseFun(s);21           // 使用链式调用的方式 你也可以这样写 22           // $scope.parsedValue = $parse(newVal)(s);23         }24       })25       26     })27   </script>28 </body>29 </html>

原标题:angularjs手动解析表达式($parse)

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。