javascript - 使用 Angular 单页应用程序中的导航栏

Question

我试图找到我的问题的答案，但没有成功。我是网络开发的新手，我一直在尝试使用 angularjs 和 bootstrap 创建一个简单的应用程序。我的页面上没有太多内容，只有几个什么都不做的输入和按钮。正如我在许多教程中看到的那样，我将 ng-view 放在 index.html 页面中，这样我就可以导航到我的所有页面。我试图在用户登录后向我的所有页面添加一个导航栏，所以我在我的主页上放置了另一个 ng-view(用户登录后的页面)，但似乎 angular 只允许每个应用有一个 View 。而且它也不允许嵌套应用程序。如果我错了，请纠正我(这是我从我的谷歌“研究”中了解到的)。所以，我的问题是:如何在用户登录后向我的所有页面添加导航栏(或任何相同的 html 内容)而不在每个 html 页面中复制相同的代码？顺便说一句，我使用 jQuery 进行了此操作，但我不知道如何使用 angularjs 进行操作谢谢!

Answer 1

您可以使用 Angular Directive使用模板创建自定义标签，您只能为该指令使用 Controller 。登录时将此标签调用到所有页面。