angularjs - 不共享近亲的 DOM 元素上的 ng-view

Question

ng-view 有没有办法绑定两个不共享共同关闭父级的 DOM 元素？

我对 ng-view 的理解是它绑定了一个 DOM 元素以在模板之间动态切换（进一步生成视图）。如果我有一个搜索栏和一个标签在盒子模型意义上的“接近度”非常低，但在架构上应该绑定到同一个控制器，会发生什么？

除了强制相同的控制器元素共享一个共同的父元素并诉诸通常糟糕的 CSS 样式实践之外，还有其他方法吗？

Answer 1

您的描述非常笼统，因此我无法为您提供具体的解决方案，但是您在这里有两个明显的选择：1）您可以将整个经过良好实践的 CSS 页面包装在一个 div 中，即 ng-view 本身。这实际上不是一个坏习惯。只需将“body”绑定到控制器（或将整个页面包装进去<div id="wrapper">，然后使用 CSS 和 HTML 随心所欲地处理 2）您可以使用 angular-ui，它可以在同一页面上启用多个视图。https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views