javascript - 有条件地在 Angular js 中包含头文件

Question

我试图有条件地在我的 Angular 应用程序中包含一个头文件，但由于某种原因它似乎没有加载该文件。

这就是我的看法

<div ng-controller="MyCtrl">
<div class="container-fluid" ng-include="'{{display_header()}}'"></div>
{{display_header()}} <!-- just for debug!! -->
</div>

我的 Controller 中有这个

$scope.display_header = function() {
    if ($location.path() === '/login') {
    return "partials/login_header.html";
    } else {
    return "partials/navbar.html";
    }
  }
};

我的调试行打印了正确的值，所以我想知道为什么它没有被插入到包含中。

Answer 1

ngInclude 需要一个表达式，这应该可以工作:

ng-include="display_header()"

当您使用表达式(一个简单的字符串)时，表达式中的字符串不会被插入，因此如果您检查控制台，您可能会看到一个 404 错误链接到名为“%7B%7Bdisplay_header( )%7D%7D"。