Question

我创建了一个带链接函数的指令，其中包含一个带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

你添加了没有编译它，在编译后它正在工作。

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

Answer 2

将不需要的单一反向通讯 a从"page2.html'");移至"page2.html");

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/或http://jslint.com/

Answer 3

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

AngularJS ng-dire in direcive链接不起作用

3 个答案: