无法通过ui-router和ui-bootstrap选项卡查看ng-include的内容

时间:2015-03-07 01:02:04

标签: angularjs twitter-bootstrap angular-ui-bootstrap angular-routing

我有一个基本的标签示例几乎正常工作。主页面是一个项目列表,选择后,应打开一个新选项卡,其中包含该项目的详细信息。

我遇到的问题是,即使我正确配置了控制器和路由,也无法看到选项卡div内的动态内容。This is my basic tab launcher:我使用过UI-Bootstrap的标签。

在这个plunker示例中,选项卡几乎正常工作,但是在我的计算机上,整个启动器在单击项目时显示在现有启动器内部。我还得到一个警告,我正试图加载角度两次。

<h2>List of items</h2> <tabset> <tab heading="Main Item"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>ITEM Id</th> <th>ITEM Name</th> </tr> </thead> <tbody> <tr data-ng-repeat="item in items"> <td> {{ item.id }} </td> <td> <a href="" ng-click="addTab(item.name)">{{item.name}}</a> </td> </tr> </tbody> </table> </tab> <tab ng-repeat="tab in tabs" heading={{tab.name}}> <div ng-include src="tab.url"> </div> </tab> </tabset>

{{1}}

完整代码位于:http://plnkr.co/edit/j4kel2IYrcXWKzVJlNlx?p

我不知道这篇文章中包含了多少内容。请让我知道,我会相应更正。

0 个答案:

没有答案