示例:http://jsfiddle.net/avowkind/PS8UT/
我想要一个嵌套的子指令从其包装父指令获取其数据(如果存在),否则从外部控制器获取.
<div ng-controller="MyCtrl">
<parent index="1">
<child></child>
</parent>
<parent index="2">
<child></child>
</parent>
<h1>No Parent</h1>
<child></child>
</div>
<hr>
Run Code Online (Sandbox Code Playgroud)
期望的输出
Parent 1
Child of parent 1
Parent 2
Child of parent 2
No Parent
Child of parent 0
Run Code Online (Sandbox Code Playgroud)
目前我的子对象只看到外部控制器值:
实际输出
Parent 1
Child of parent 0
Parent 2
Child of parent 0
No Parent
Child of parent 0
Run Code Online (Sandbox Code Playgroud)
这是简单的版本; 实际上,外部指令从嵌套子项格式化的服务器获取数据,因此传达的是复杂对象而不是简单字符串.此外,子代是一个可视化,可以处理不同的数据集,因此外部父指令并不总是相同的类型.
更一般地说,我试图获得的模式是使用单独的指令来填充模型并查看它.所以更实际的用法是
<temperature-for city="Auckland">
<plot/>
<analysis/>
</temperature-for>
<humidity-for city="Hamilton">
<plot/>
<analysis/>
</temperature-for>
<test-data>
<plot/>
</test-data>
Run Code Online (Sandbox Code Playgroud) angularjs ×1