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
Post a Comment