Javascript Angularjs局部视图vs指令

Javascript Angularjs局部视图vs指令,javascript,angularjs,single-page-application,Javascript,Angularjs,Single Page Application,我们的水疗中心有两个独特的顶级景观。要进行比较,就像windows文件资源管理器在一侧显示树视图,在另一侧显示内容详细信息一样。对于这些顶层视图,我们考虑有2个局部视图。另一种选择是将这些视图打包为指令。我们最初的想法倾向于局部视图,因为这些是相当大的功能块,每个视图可以有多个控制器。任何类似的经验/想法都有助于我们做出决定。请注意,我们使用事件机制在这些视图之间进行通信 我们不打算重复使用这些视图。具体地说,是否存在任何与局部视图相关的问题?比如性能、可维护性等。我不确定我是否理解这里的问题,

我们的水疗中心有两个独特的顶级景观。要进行比较,就像windows文件资源管理器在一侧显示树视图,在另一侧显示内容详细信息一样。对于这些顶层视图,我们考虑有2个局部视图。另一种选择是将这些视图打包为指令。我们最初的想法倾向于局部视图,因为这些是相当大的功能块,每个视图可以有多个控制器。任何类似的经验/想法都有助于我们做出决定。请注意,我们使用事件机制在这些视图之间进行通信


我们不打算重复使用这些视图。具体地说,是否存在任何与局部视图相关的问题?比如性能、可维护性等。

我不确定我是否理解这里的问题,所以如果我说错话,我很抱歉(我的英语也很抱歉)。 你需要的是2个视图;如果“在”这些视图中您是否使用了指令,那就另当别论了。 我唯一确定的是这两个视图需要有自己的
范围

在我看来,这很像“导航菜单”与“视图”的问题(只是导航部分将是某种树视图),因此解决方案应该类似:

  • “正常”视图(您的“详细信息”侧)
  • a
    div
    具有自己的控制器(以及自己的作用域)
比如:

<nav ng-controller="treeViewController()">
    <!-- here we use a directive, for example -->
    <tree-view ng-model="tree"></tree-view>
</nav>
<div ng-view></div>

那么让他们交流的最好方式可能就是定制服务


如果我误解了您的问题,请提前道歉。

不要使用指令。他们的目的并不是为了证明你所描述的是错误的,但我认为除非你使用的是ui路由器,否则你的页面中只能有一个视图。这可能会使您决定对至少一个“视图”使用指令。@Martin这是不正确的。您仍然可以使用ngInclude,它仍然比指令更好