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