Angularjs部分视图与指令

时间:2014-04-14 15:54:41

标签: javascript angularjs single-page-application

我们的SPA有2个独特的顶级视图。比较它就像Windows文件浏览器一方面显示树视图,另一方面显示内容详细信息。对于这些顶级视图,我们正在考虑有2个部分视图。另一种方法是将这些视图打包为指令。我们最初的想法是针对部分视图,因为这些是相当大的功能块,每个视图可以有多个控制器。任何类似线路的经验/想法都有助于我们做出决定。只是注意我们使用事件机制在这些视图之间进行通信。

我们不打算重复使用这些观点。具体来说,部分观点是否存在问题?像性能,可维护性等。

1 个答案:

答案 0 :(得分:0)

我不确定我是否在这里理解这个问题,如果我说错了也很抱歉(对我的英语也很抱歉)。 你需要的是2个视图;如果你在那些视图中使用指令或不使用指令,那么这是另一回事。 我唯一可以肯定的是,这两个观点需要拥有scope

对我而言,它似乎很像'导航菜单'与'视图'之类的问题(只是导航部分会是某种树视图),所以解决方案应该类似:

  • '正常'ngView(您的'详情'一面);
  • 一个div,拥有它自己的控制器(以及它自己的范围)。

类似的东西:

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

然后,让他们进行沟通的最佳方式可能是定制服务。

如果我误解了你的问题,请提前抱歉。