Question

在我的index.html文件中，我有以下代码：

<body>
    <div ui-view></div>
    <div ng-include="footer.html"></div>
</body>

问题是在加载和呈现与活动状态相关的动态内容之前显示页脚。

我尝试使用事件$viewContentLoaded但是在加载视图内容时不会在编译时触发此事件。

我在ng-include中使用了index.html，因为我的页脚是通用的，应该在所有应用页面中使用。

如何解决这个问题？

Answer 1

将您的角度脚本包含在头部而不是页面底部。 ui-view在加载角度之前没有任何意义。

您可能还想使用粘性页脚来防止页脚跳转的任何问题。

Answer 2

不是将url分配给ng-include，而是可以绑定范围变量，并且可以使用指令中的实际URL更改范围变量值，该指令在所有视图中使用双向绑定重用'='