«Угловой способ» для динамически добавляющих директив

Question

Я очень впечатлен Josh's answer о «угловом пути» и декларативном стиле на стороне клиента.

Но вы можете помочь мне понять, как это сделать:

У меня есть приложение одной страницы с панели меню в левой части, и сНу контейнер на правой стороне.

Когда пользователь нажимает на пункт меню в левой панели меню, с правой стороны, я должен открыть новую вкладку с некоторой сеткой, например:

В угловом я понял <grid> директивы.

Когда пользователь щелкает menuitem, я должен динамически добавлять эту директиву сетки с параметрами с правой стороны.

Каков угловой способ для выполнения этой функции?

Update: Я нашел article о динамических вкладок, и это example, как я использую его в моем случае

Answer 1

Поскольку вы задали общий вопрос, позвольте мне дать вам общий ответ. Это должно быть полезно :)

AngularJS является модель/данные ведомые, и если вы хотите, чтобы сделать какие-либо изменения в пользовательском интерфейсе, то первое, что вы можете думать, как добиться этого путем изменения данных. Учитывая эту идею, мы можем реализовать это следующим образом:

1. Определение нг-ретранслятор, который должен оказывать вкладки для списка Tab объектов, называемых MyTabs, например.

2. Если вы хотите добавить новую вкладку, создайте объект табуляции и добавьте/нажмите на нее MyTabs.

3. AngularJS будет волшебным образом отображать его на пользовательском интерфейсе благодаря двухсторонней привязке данных.