【发布时间】:2016-06-18 10:49:09
【问题描述】:
我有一些嵌套指令如下:
<div ng-controller="MyCtrl">
<parent sku="12345">
<child>
</child>
</parent>
</div>
父指令和子指令都有一个独立的作用域,但我需要在父子指令之间共享 SKU 属性值,以便子指令可以访问该值。该值将始终在 HTML 中进行硬编码。
理想情况下,我希望每个指令都有自己的单独控制器以及位于两者顶部的父控制器(MyCtrl),我打算为每个指令提供自己的隔离范围,然后选择和选择我想在它们之间共享的范围值。问题是我不知道该怎么做。
Plunkr 可以在这里找到...
【问题讨论】:
-
您想要拥有您发布的 HTML 结构吗?然后,您将需要处理 transcusion 并在父模板内的某个位置渲染子节点。
-
我目前有这样的 HTML,并且为子指令和父指令有单独的模板文件
-
这并没有回答我关于共享范围值的问题
-
它实际上回答了:)。但我可以重复一遍:使用这种结构,您需要手动嵌入父内容,然后您可以控制范围。
-
我喜欢 Aleksey 的建议,看看吧。通过嵌入,它可能看起来像这样:plnkr.co/edit/KlE4Ssl33arojhjeZRI9?p=preview
标签: angularjs angularjs-directive scope