Question

我在rootScope中有一个与jQuery一起使用的tab功能。我不知道在rootScope中是否属实，否则它会获得html并显示或隐藏任何标签插件的标签内容。但在这种情况下，我写自己的标签功能。

但是当从服务器获取数据时，我无法将其与角度匹配。

$rootScope.tab = function () {
    $('[data-tabindex]').each(function () {
        console.log('tab');
        var index = $(this).attr('data-tabindex');
        $('[data-tabindex="' + index + '"] [data-tabc]').hide();
        $('[data-tabindex="' + index + '"] .tab-title  [data-tab]').each(function () {
            if ($(this).hasClass('active')) {
                var i = $(this).attr('data-tab');
                $('[data-tabindex="' + index + '"] [data-tabc="' + i + '"]').fadeIn();
                return false;
            } else {
                var i = 1;
                $('[data-tabindex="' + index + '"] [data-tabc="' + i + '"]').fadeIn();
                $('[data-tabindex="' + index + '"] [data-tab="' + i + '"]').addClass('active');
                return false;
            }
        });
    });
}

这是html结构

<div data-tabindex="tab" class="s-tab">
    <div class="tab-title">
        <ul>
            <li ng-repeat="category in search.categories" data-tab="{{$index+1}}" >
               {{ category.name }}
            </li>
        </ul>
    </div>
    <div class="tab-content">
        <div id="t1" class="tabs active" data-tabc="1">
            11111111111111111111111
            <em>more</em>
        </div>
        <div id="t2" class="tabs" data-tabc="2">
            222222222222222222222222222222
            <em>more</em>
        </div>
        <div id="t3" class="tabs" data-tabc="3">
            33333333333333333333333333333333
            <em>more</em>
        </div>
  </div>

所以我想在从服务器获取类别并以ng-repeat结束以正确使用tab（）函数时初始化tab（）函数。现在它不正确状态，html不会成为标签

如果它与write指令一起使用，或者请为我提供示例

ng-repeat完成后{init}选项卡功能

0 个答案: