1

Angular UI は、基本的なタブのみをサポートしています。ネストされたタブと高度な見出し (html を含めることができる) をサポートするディレクティブを作成したかったのです。

私は、最良の構文は次のようになると思います

<tabs>
    <tab>
        <title><i class="myIcon"></i> Title 1</title>
        <p>Content 1</p>
    </tab>
    <tab>
        <title class="pull-right">Title 2 (Nested)</title>
            <tab>
                <title>Title 2.1</title>
                <p>Content 2.1</p>
            </tab>
        <p>Content 2</p>
    </tab>
</tabs>

このアプローチに関する私の問題は、2 つの ng-transclude が必要になることです。1 つはペイン用、もう 1 つはタイトル用です。

最初の ng-transclude を実行するのは非常に簡単なので (チュートリアルのように):

<div>
    <ul>
        <li ng-repeat="pane in panes" transclude-title></li>
    </ul>
    <div class="tab-content" ng-transclude="">
    </div>
</div>

ここでタイトルをトランスクルージョンする方法がわかりません。タブのネストされた構造を保持するにはどうすればよいですか?

たぶん、この問題に対するより良い解決策がありますか?

4

1 に答える 1

6

これは複数のトランスクルードの例です。それがあなたを正しい方向に向けてくれることを願っています。

http://plnkr.co/edit/wpgvgr5h6nAQDOZYEHNI?p=preview

于 2013-04-26T09:43:08.460 に答える