从 javascript 中的 Angular 模板获取 HTML 输出

Question

我有一个角模板，我希望能够从 javascript 函数中访问处理后的 HTML。

例如，如果模板位于 templateUrl 下

 "/scheduler/tooltip.html"

HTML 类似于

 <div>{{tip.Name}}</div>

是一种在不使用所有指令开销的情况下调用和处理该模板的方法吗？ 例如：

 angular.$compiletemplate('/scheduler/tooltip.html', { tip: { Name: "foo" }});

在这种情况下，我专门尝试解决第三方库在现有角度范围之外附加 DOM 元素的问题 - 所以我 似乎 无法使 HTML 成为指令.

如果有一种方法可以确保指令可以在页面上的任何地方工作，这也可能是有用的。

Answer 1

不确定这是否有帮助：

app.directive('yourDirective', function ($interval) {

    var linker = function(scope, element, attrs) {

        var contents = element.html(); // this gets element HTML, initial HTML
        var currentContents = element.html();
        function updateContents() {
            currentContents = element.html();
            if(currentContents.length > contents.length)
                console.log('contents changed');
        }

        var interval = $interval(reportChange, 1000);

    }

});