Javascript 在angular js中有条件地包含头文件

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

这就是我的看法

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

---

我的调试行打印了正确的值，因此我想知道为什么不将其插入include中。

ngInclude

需要一个表达式，这应该可以：

ng-include="display_header()"

ng-include="display_header()"

---

当您使用表达式（简单字符串）时，表达式中的字符串不会被插值，因此如果您检查控制台，您可能会看到链接到名为“%7B%7Bdisplay_header（）%7D%7D”的文件时出现404错误.

ng include的参数是一个角度表达式，其计算结果应为表示要查找的URL的字符串

所以当你这样做的时候：

ng-include="'{{display_header()}}'"

您告诉它计算字符串

'{{display_header（）}}'

，这不是您想要的。您希望实际评估该函数，因此以下操作应该有效：

ng-include="display_header()"

ng-include="display_header()"