AngularJS：访问指令中的子元素

我想美化我的主HTML，并希望使用自己的指令来创建一个标签框。我想写这样的标签框输入验证码AngularJS：访问指令中的子元素

<my-tab-box> 
    <my-tab label="Tab 1" active="true">Content 1</my-tab> 
    <my-tab label="Tab 2">Content 2</my-tab> 
</my-tab-box>

角应在上述代码转换为类似：

<div class="tab-box"> 
    <ul> 
    <li class="active">Tab 1</li> 
    <li>Tab 2</li> 
    </ul> 
    <div class="content"> 
    Content 1 
    </div> 
</div>

但我不知道如何访问子元素tab-box指令中的tab-box。我需要这个来获取具有属性access="true"的子元素，并获取子元素的内部HTML以将其显示在<div class="content">元素中。

如何实现？我是在反对Angular哲学吗？

谢谢！马尔特

来源

2014-10-06 Malte

在你的指令，你能添加“$表”来检查特定元素与更新访问=“真”属性？ – 2014-10-06 11:28:10

您可以最好的看到如何可以通过查看角引导工作的实施：通过使（注射到你的孩子的指令父指令“ https://github.com/angular-ui/bootstrap/blob/master/src/tabs/tabs.js

基本上就可以使指令合作要求： 'MyTabBox'“在你的MyTab控制器中）。

您还需要了解transclusion。

这非常相同的情况下被角的开发者指南还解释说：参见“创建进行通信的指令”在 https://docs.angularjs.org/guide/directive

来源

2014-10-06 12:14:51

AngularJS：访问指令中的子元素

回答

相关问题