Javascript AngularJS ng包含在直接链接中不起作用

Javascript AngularJS ng包含在直接链接中不起作用,javascript,angularjs,angularjs-directive,angularjs-ng-include,Javascript,Angularjs,Angularjs Directive,Angularjs Ng Include,我创建了一个带有link函数的指令,其中包含一个带有ng include的元素。但是这个带有ng include的元素不起作用。 有人知道为什么不工作吗 app.directive('helloWorld', function () { return { link: function (scope, elem, attrs) { var div = document.createElement('div'); di

我创建了一个带有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);            
        }
    };
});

“page2.html'”中删除不需要的单个反向命令a)
“page2.html”)


最好使用或

这里是我的示例:plnkr.co/edit/2yuyesdycyb0j8ccmve?p=预览

您添加的未编译它,编译后它正在工作

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);
        }
    };
}])

这里是

您有错误吗?路径page2.html是否正确?路径是否正确。在
“page2.html”的末尾有一个孤立的
如果您尝试检查元素,是否看到该div?@fodman1我知道,请更改此选项。在“'page2.html'”中,但仍然不起作用
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);
        }
    };
}])