首页 > 代码库 > $parse ， $interpolate ，$complie

$parse ， $interpolate ，$complie

2024-07-18 15:59:05   211人阅读

$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 =http://www.mamicode.com/ 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 =http://www.mamicode.com/ $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之后

 


联系
我们