javascript - Angular 导航 : Show different sub navigation for different views

Question

在我的应用程序中，我有一个跨页面/ View 一致的菜单，以及一个显示每个主页/ View 的不同链接(指向更多嵌套子页面)的子菜单。我不确定如何更改子菜单。现在，我在 body 中同时拥有菜单和子菜单，以及一个 ng-view 元素。

首先，我想我会为子菜单创建一个 Controller ，并在要显示的子页面数组上循环，随着主页/ View 的变化更新数组。这看起来很麻烦而且不直观，因为我必须在这个单独的 Controller 中为每个页面保留一个子页面列表，实际上，它们是主页/ View 逻辑的一部分，不是吗？再一次，我已经阅读了有关嵌套 View 的 Angular ui 路由器及其实现的信息 - 我是否应该将子菜单作为嵌套 View 来处理？

我知道我很想看到我的实际代码，但我更纠结于如何解决这个问题，而不是如何实现它。在我看来，像每个页面/ View 更改子菜单这样的问题一定是一个足够普遍的问题，对于如何解决它有很好的建议。

Answer 1

我不确定我是否正确理解了您的场景 - 我假设有一个顶级导航栏，其中每个导航栏项都有一组子项(子导航栏)。此外，每个顶级导航栏项目都代表一个不同的功能区域，因此每个项目都有自己的模型。希望这接近你的情况。鉴于此，我认为您可以为每个顶级导航栏项目(即每个功能区域)设置一个单独的 Controller 。这些 Controller 中的每一个都将是您的顶级 Controller 的子 Controller ，并且每个 Controller 都可能有自己的子 Controller 。换句话说，它可能会帮助您根据不同的功能区域来考虑您的应用程序，并为每个区域使用 MVC 模式。这可能会使您的应用程序更容易推理，并且更容易编写测试，而不是使用单个 Controller 来表示所有内容。

希望对你有帮助