通过angularjs中的对象将指令传递给指令

Question

让我们说有2个指令组件
 1）列表
 2）个人资料

“List”应接受通过控制器传递给它的Object符号形式的数据，并以List的形式显示HTML或Directive组件。例如
 

var obj =[
{
component ://profile directive something like <Profile name="Shehzad" age=29/>
},
{
component ://news directive something like<News content="Headlines" />
}
];

Profile指令包含以下UI
<div>
<div> name is {{name}}</div>
<div> age is {{age}}</div>
</div>

同样，News指令将包含以下UI
<div>
<div>{{content}}</div>
</div>

我希望List组件读取“obj”并在List视图中呈现Profile和news指令。任何人都可以解释如何在angularjs中实现上述事情

以下是plunker链接：
http://plnkr.co/edit/I1kJhYCqMkSD2qFIUQo8?p=preview

编辑：plunker显示如何动态添加指令，如询问http://plnkr.co/edit/U88iPk?p=preview

Answer 1

你想在其他指令中使用指令，所以在List指令视图中添加它：

onStateChanged