Angularjs 将ui路由器与剑道TabStrip一起使用
我正在尝试实现一个剑道标签条,它应用ui路由器来显示标签的内容。我可以使用ui视图显示选项卡条,但不能显示内容。任何人都有如何使这些项目协同工作的例子 我的html示例Angularjs 将ui路由器与剑道TabStrip一起使用,angularjs,angular-ui-router,kendo-tabstrip,Angularjs,Angular Ui Router,Kendo Tabstrip,我正在尝试实现一个剑道标签条,它应用ui路由器来显示标签的内容。我可以使用ui视图显示选项卡条,但不能显示内容。任何人都有如何使这些项目协同工作的例子 我的html示例 <div class="main-template"> <div class="row"> <h3>Welcome to the Dashboard</h3> <div ng-controller="Navigation">
<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>
欢迎来到仪表板
发票管理
装运管理
我没有像我应该的那样把所有的东西都合并在一起。在li标记中,我应该使用UISREF而不是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>
欢迎来到仪表板
发票管理
- 装运管理