angularjs - Using ui-router with Kendo TabStrip -


i trying implement kendo tab strip , applies ui-router display contents of tab. can tab strip display not contents using ui-view. have example of how make these items work together.

sample of html.

<div class="main-template">     <div class="row">         <h3>welcome 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> 

i not merging should. in li markup should have used ui-sref instead of url.

<div class="main-template" style="margin-left: 10px;">     <div class="row">         <h3>welcome 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> 

Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -