带孩子的AngularJS指令

Question

我正在尝试制作一个可以像这样使用的指令：

<my-directive>
    <name>Blah</name>
    <age>20</age>
    <address>
        ...
    </address>
</my-directive>

我的期望是我能够访问链接函数中的子元素并获取其内部HTML。但是，这不起作用，因为您没有获得“以前的”HTML。我按照this post中的答案给出了以前的HTML，但clone是“原始HTML”。它是一个HTML对象数组，我无法真正搜索它或任何东西。

无论如何要实现我想要做的事情吗？

Answer 1

在指令

中使用

transclude:true

而且 儿童指令

require: '^parent',

例如，点击here

Answer 2

应该可以在元素上调用子函数。

var children = element.children();