[英]Bootstrap navigation not working with Angular ng-repeat
在使用ng-repeat的Angular Bootstrap中显示动态导航时出现错误。 崩溃导航无法正常工作。
我的代码是:
<ul>
<li ng-repeat="menu in menus.menus">
<a href="javascript:void(0);">
<span class="menu-item-parent">{{menu.name}}</span>
</a>
<ul class="sub-left-nav" >
<li ng-repeat="submenu in menu.submenu">
<a href="#/{{submenu.url}}" target="open_frame">{{submenu.name}}</a>
</li>
</ul>
</li>
</ul>
在我的控制器中:
$scope.menus = {
"menus": [
{
"name": "Master Maintenance",
"submenu": [
{
"name": "CropType",
"url": "croptype"
},
{
"name": "CropMaster",
"url": "crop"
}
]
}
]
}
当我不使用ng-repeat和json且仅使用静态导航时,一切正常。
<ul>
<li>
<a href="javascript:void(0);" title="Dashboard"><span class="menu-item-parent">Link 1</span></a>
</li>
<li class="active">
<a href="javascript:void(0);"><span class="menu-item-parent">Link 2</span></a>
<ul class="sub-left-nav">
<li class="active">
<a href="javascript:void(0);" target="open_frame">Sub Link 1</a>
</li>
<li>
<a href="javascript:void(0);" target="open_frame">Sub Link 2</a>
</li>
<li>
<a href="javascript:void(0);" target="open_frame">Sub Link 3</a>
</li>
</ul>
</li>
</ul>
更新
这个问题不清楚,让我想到了一个错字错误...请参阅注释。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.