$parse ， $interpolate ，$complie

標籤：style   blog   color   java   io   ar   div   cti   

$parse 是angular 提供的javascript解析器 .

var getter = $parse(expression);

var setter = getter.assign;

                    controller("ctrl", ["$scope", "$parse", "$compile", "$interpolate", function ($scope, $parse, $compile, $interpolate) {
                        //read                        $scope.name = "hello";                        var expression = "name + ‘ ‘ +((5+6) == (12-1))";                                              var getter = $parse(expression);                        var value = getter($scope); //hello true   
                        //write
                        expression = "name";
　　　　　　　　　　　　　  var setter = getter.assign;
                        setter($scope, "1782");    
                        $scope.name; //1782                                               }]);

有點像javascript eval 和 with 的結合。內部是通過複雜的正則實現的。

 

$parse 無法解析angular 的 {{}} 符合。

所以當我們需要解析如 {{name}} 時， 我們會用 $interpolate 

                        $scope.name = "hello";                        var expression = "{{name}}";                        var value = $interpolate(expression)($scope); //沒有setter的方法哦                        console.log(value);

 

$compile 是用來處理html 節點的 . 要注意的是 $compile(‘str‘)($scope) = node; 這個node要在digest之後才會有scope value. 

                        $scope.name = "hello"                        var link = $compile("<div>{{name}}</div>");                        var node = link($scope);                        console.log(node[0].innerHTML); //{{name}} <--還沒同步值                        setTimeout(function () {                            console.log(node[0].innerHTML); //hello <--同步咯                        }, 0); //延遲到$digest之後