有没有办法在不添加包含元素的情况下使用ng-if指令?我正在玩当前视图控制器放置的动态菜单项,并希望处理下拉类型和非下拉类型,但是ng-if必须是某种破坏引导程序css的元素。
以下是我正在尝试做的一个例子:
<li ng-repeat="item in dynNavList">
<div ng-if="item.dd" ><!--There will be more stuff in here-->
<a href="#{{item.url}}">Dropdown test {{item.title}}</a>
</div>
<span ng-if="!item.dd">
<a href="#{{item.url}}">NoDropDown {{item.title}}</a>
</span>
</li>
在上面的html中创建的任何导航项在导航栏中都没有正确设置样式,因为它位于div或span元素内部,因此css不适用。
我不想要修改bootstrap css以使其正常工作,并且我尽量避免编写任何自定义指令。
有什么建议吗?