angularjs手動解析表達式（$parse）

本文轉載自查看原文 2016-10-12 09:05 1558 AngularJS/ $parse/ angularjs

 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="../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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 [LeetCode] Parse Lisp Expression 解析Lisp表達式 angularjs表達式-Expression AngularJS 表達式與ng-bind AngularJS的表達式、指令的學習（2） AngularJS 表達式對象和數組 SpringEl表達式解析表達式樹的解析. 解析表達式樹 Cron表達式解析解析式、表達式