我有一个基本的标签示例几乎正常工作。主页面是一个项目列表,选择后,应打开一个新选项卡,其中包含该项目的详细信息。
我遇到的问题是,即使我正确配置了控制器和路由,也无法看到选项卡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
我不知道这篇文章中包含了多少内容。请让我知道,我会相应更正。