javascript - AngularJS ng-include 在指令链接中不起作用

标签 javascript angularjs angularjs-directive angularjs-ng-include

我创建了一个带有链接函数的指令,其中包含带有 ng-include 的元素。但是这个带有 ng-include 的元素不起作用。 有谁知道为什么不起作用?

app.directive('helloWorld', function () {
    return {
        link: function (scope, elem, attrs) {     
            var div = document.createElement('div');
            div.setAttribute('ng-include', "page2.html'");
            elem.append(div);            
        }
    };
});

最佳答案

您添加了没有编译它,编译后它可以工作。

app.directive('helloWorld',['$compile', function ($compile) {
    return {
        link: function (scope, elem, attrs) {     
            var div = document.createElement('div');
            div.setAttribute('ng-include', "'page2.html'");
            elem.append(div);

            $compile(div)(scope);
        }
    };
}])

这里是link

关于javascript - AngularJS ng-include 在指令链接中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38630517/

相关文章:

javascript - 如果文本框不为空,则拒绝页面刷新

css - 关闭模态时过渡效果不起作用

javascript - 如何在不影响原始工作表的情况下复制工作表和脚本?

javascript - JS、 Angular 、AJAX : how to mix those three?

angularjs - <!-- ngView : undefined --> mean 是什么

javascript - 关于 $scope.$watch 的第一个参数的混淆

javascript - 如何修改AngularJS中指令后面指定的模型(ng-model值)?

javascript - 在指令中使用相同的指令 [angularjs]

javascript - 如何防止以 Angular2+ 的 react 形式重复调用 onChange 回调?

javascript - Backbone.js 我应该在何时何地获取我的集合数据?