$eval $parse都可以解析或計算Angular表達式的值。

一、$parse

　　是一個獨立的可以注入的服務，注入就可以使用，它返回一個函數，我們需要顯式將表達式求值的上下文傳遞給該函數。$parse服務可以講一個表達式轉換為一個函數。這個函數可以被調用，其中的參數是一個上下文對象，通常來說是作用域。

　　例子1：

angular.module("MyApp",[])
.controller("MyController", function($scope, $parse){$scope.context = {add: function(a, b){return a + b;},mul: function(a, b){return a * b}}$scope.expression = "mul(a, add(b, c))";$scope.data = {a: 3,b: 6,c: 9};var parseFunc = $parse($scope.expression);$scope.ParsedValue = parseFunc($scope.context, $scope.data);
});

<div ng-app="MyApp"><div ng-controller="MyController"><div>{{ParsedValue}}</div></div>
</div>

　　結果是45，$parse服務根據$scope.context中提供的上下文解析$scope.expression語句，然后使用$scope.data數據填充表達式中的變量，如果把$scope.expression中的c換成4，那么結果就是30。

　　例子2：

　　HTML同例子1

angular.module("MyApp",[])
.controller("MyController", function($scope, $parse){var context = {name: "dreamapple"};// 因為這個解析的語句中含有我們想要解析的表達式，// 所以要把不相關的用引號引起來，整體然后用+連接var expression = "'Hello ' + name";var parseFunc = $parse(expression);$scope.ParsedValue = parseFunc(context);
});

　　expression:是我們想要解析的表達式
　　context:就是一個解析表達的上下文環境
　　parseFunc:就是解析以后返回的函數

二、$eval

　　$eval是一個作用域scope中的方法，它將會在當前作用域中執行一個表達式并返回結果。是為了讓$parse在scope中更方便使用而設計的語法糖。

　　

var scope =$rootScope.$new(true);
scope.a = 1;
scope.b = 2;
scope.$eval('a+b'); // 3

　　其有個異步版本方法，$evalAsync,它會先將表達式緩存起來，等到下次$digest前執行，可以提高性能。

轉載于:https://www.cnblogs.com/shawnhu/p/8515107.html

總結

以上是生活随笔為你收集整理的AngularJS $eval $parse的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。