用于动态添加指令的“角度方式”

Question

我对Josh的answer关于'角度方式'和客户端的陈述式风格印象深刻。

但是你能帮助我理解，怎么做：

我有一个单页应用程序，左侧是菜单栏，右侧是div容器。

当用户点击左侧菜单栏中的菜单项时，我必须打开带有一些网格的新标签页，如下所示：

在角度我意识到<grid>指令。

当用户点击menuitem时，我必须在右侧动态添加这个带有参数的网格指令。

执行此功能的角度方式是什么？

更新 我找到了关于动态标签的article，这是example我在案例中如何使用它

Answer 1

既然您提出了一般性问题，请允许我给您一个总体答案。它应该是有用的:)）

AngularJS是模型/数据驱动，如果您想对UI进行任何更改，您可能首先考虑的是如何通过更改数据来实现它。鉴于这个想法，我们可以像这样实现它：

1. 定义ng-repeater，它应该为名为Tab的{​​{1}}个对象列表标记选项卡。

2. 如果要添加新标签页，请创建标签对象并将其添加/推送至MyTabs。

3. 由于双向数据绑定，AngularJS将在UI上神奇地渲染它。