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：訪問指令中的子元素

回答

相關問題