javascript - NG-include 不起作用

Question

我有简单的 angular.js应用。我还有index.html作为我的网络应用程序的首页，现在我想创建 footer.html并将其包含在 ng-include 中指令我的index.html .

我有根 Controller :

function RootController ($scope) {
    $scope.templates = [{name : 'footer.html', url : 'views/footer.html'}];

    $scope.getFooter = function(){
        return $scope.templates[0];
    }
}

还有我的index.html模板:

<div ng-controller="RootController" ng-include="getFoooter()">
  ....
</div>

footer.html有一个简单的html:<div>Test Test Test</div>

但是当我打开index.html时我没有看到页脚。为什么？如何正确包含它？

UPD

问题已解决。也许有人对我的解决方案有用:

它适用于:

<div ng-controller="SkinController" data-ng-include data-src="getFooter()">

</div>

谢谢。

Answer 1

使用其中之一

ng-include="getFooter().url"

或

return $scope.templates[0].url;