angularjs - 动态添加指令的“角度方式”

Question

乔希关于客户端“角度方式”和声明式风格的回答给我留下了深刻的印象。

但是你能帮我理解，如何做到这一点：

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

当用户单击左侧菜单栏中的菜单项时，我必须在右侧打开带有一些网格的新选项卡，如下所示：

在角度我实现了<grid>指令。

当用户单击 menuitem 时，我必须在右侧使用参数动态添加此网格指令。

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

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

Answer 1

既然你问了一个笼统的问题，那我就给你们一个笼统的回答。应该会有所帮助:)

AngularJS 是模型/数据驱动的，如果你想对 UI 进行任何更改，你可能首先想到的是如何通过更改数据来实现。有了这个想法，我们可以这样实现：

1. Tab定义一个 ng-repeater，例如，它应该为名为 的对象列表呈现选项卡MyTabs。

2. 当您想添加新选项卡时，请创建一个选项卡对象并将其添加/推送到MyTabs.

3. 由于 2-way 数据绑定，AngularJS 会神奇地将它呈现在 UI 上。