手动编译插值

Question

我有一个自定义指令，并使用ng-repeat呈现该指令。我需要的是在传递到我的自定义指令之前编译插值。

在下面查找plnkr

https://plnkr.co/edit/bjdBSKCFPhgbE2aREupy?p=preview

在这里，我想使用mycompile指令在代码<display-id mycompile id={{op.id}}> </display-id>中编译插值。

    app.directive('mycompile', function ($compile, $interpolate) {
        return {

            restrict: 'EA',
            replace: true,
            compile: function ($scope, $elm, $attrs) {
                return {
                    pre: function ($scope, $elm, $attrs) {

                            $interpolate($elm[0])($scope);

                    }
                }
            }

        }
    })

Answer 1

$interpolateProvider希望字符串是一个参数，所以你需要做的就是将你的元素转换成字符串，然后再转换回DOM元素，如果你愿意的话，这可以通过如下的outerHTML属性来实现：

$interpolate($elm.prop('outerHTML'))($scope);