Использование ui-роутера с Kendo TabStrip

Question

Использование ui-роутера с Kendo TabStrip

0

Я пытаюсь реализовать Kendo Tab Strip и применяет ui-router для отображения содержимого вкладки. Я могу отобразить полосу вкладок, но не содержимое с помощью ui-view. У кого-нибудь есть пример того, как эти элементы работают вместе.

Образец моего html.

<div class="main-template">
    <div class="row">
        <h3>Welcome to the Dashboard</h3>
        <div ng-controller="Navigation">
            <div kendo-tab-strip k-content-urls="[ null, null]">
                <!-- tab list -->
                <ul>
                    <li class="k-state-active" url="#/invoice">Invoice Management</li>
                    <li url="#/shipment">Shipment Management</li>
                </ul>
            </div>
            <div ui-view></div>
        </div>
    </div>
</div>

James 03 окт. 2015, в 00:10

Источник

Теги:

angularjs

angular-ui-router

kendo-tabstrip

1 ответ

Ещё вопросы

James · Answer 1 · 2015-10-05T14-28-00.000Z

Я не собирался объединить все вместе, как должен. В разметке li я должен был использовать ui-sref вместо url.

<div class="main-template" style="margin-left: 10px;">
    <div class="row">
        <h3>Welcome to the Dashboard</h3>
        <!--<a ui-sref="invoice">Invoice</a>
        <div ui-view></div>-->
        <div ng-controller="Navigation">
            <div kendo-tab-strip="tabs">
                <!-- tab list -->
                <ul>
                    <li class="k-state-active" ui-sref="invoice">Invoice Management</li>
                    <li ui-sref="shipment">Shipment Management</li>
                </ul>
            </div>
            <div ui-view></div>
        </div>

    </div>
</div>