AngularJS 指令 link 中的 ng-include 不起作用

Question

我创建了一个带有 link 函数的指令，其中包含一个带有 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);            
        }
    };
});

Answer 1

从 "page2.html'"); 到 "page2.html");

中删除不需要的 单个反向通信 a

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

更好用http://jshint.com/ or http://jslint.com/

Answer 2

这是我的例子：plunker.co/edit/2yuYESDYCyyb0j8ccMvE?p=preview

Answer 3

你添加的没有编译，编译后就可以了

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

AngularJS 指令 link 中的 ng-include 不起作用

AngularJS ng-include in direcive link doesnt work

javascript

angularjs

angularjs-directive

angularjs-ng-include