Допустим, что имеется 2 директивных компонента
1) Список
2) Профиль
"Список" должен принимать данные в виде нотации объекта, переданные ему через контроллер, и отображать компоненты HTML или Директивы в виде списка. Например
var obj =[
{
component ://profile directive something like<Profile name="Shehzad" age=29/>
},
{
component ://news directive something like<News content="Headlines" />
}
];
И директива Profile содержит следующий интерфейс. <div>
<div> name is {{name}}</div>
<div> age is {{age}}</div>
</div>
Аналогично директива News будет содержать следующий пользовательский интерфейс <div>
<div>{{content}}</div>
</div>
Я хочу, чтобы компонент List читал "obj" и отображал директиву "Профиль" и "Новости" в представлении "Список". Может ли кто-нибудь объяснить вам, как это может быть достигнуто в angularjs
Вот ссылка plunker:
http://plnkr.co/edit/I1kJhYCqMkSD2qFIUQo8?p=preview
EDIT: plunker, чтобы показать, как добавить директиву динамически, например, попросил: http://plnkr.co/edit/U88iPk?p=preview
вы хотите использовать директиву в другой директиве, поэтому добавьте ее в представление списка List следующим образом:
<div ng-repeat="profile in profiles" >
<profile name="{{profile.name}}" age="{{profile.age}}" ></profile>
</div>