1

我有这个带有这个 HTML 布局的 WebApp

导航栏-| 中柱---- | 右栏

Link1---------|数据对应|Link1-A对应的数据

链接2---------| 导航栏------| (即基于中心柱链接)

链接3----------| 链路1-A--------------|

----------------| 链路1-B------------- |

我想充分利用 AngularJS 的优势。我已经将三列分开为三个不同的视图,导航列在页面加载时加载。现在,我想根据用户单击导航列的链接来更改显示在中心列中的模型/数据。我怎么做?

我知道我不需要改变观点(我认为这很愚蠢)。我只需要更改数据。

4

2 回答 2

1

我建议你看看这篇很棒的博客文章,它提出了一个嵌套视图和路由的解决方案。您将找到一个完整的解决方案来使用Benoit Tremblay 所说ng-switch的方式来管理视图。ng-include

http://www.bennadel.com/blog/2441-Nested-Views-Routing-And-Deep-Linking-With-AngularJS.htm

于 2013-08-27T19:07:19.480 回答
0

你几乎有两个选择:

  1. 您使用 ng-show 和视图之间共享的范围变量。(如果你有很多东西,你的中心视图会变得混乱,如果你没有太多的事情,那就太好了)

  2. 您使用一个干净的 ng-include 和一个范围变量来显示您想要显示的视图。如果您有很多可能性,那就太好了。

或者,如果您想将其中一些组合在一起,您可以将两者混合使用。这完全取决于您的需要。

于 2013-08-27T12:21:30.537 回答