Angularjs 如果不破坏样式表？

有没有一种方法可以在不添加包含元素的情况下使用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不适用

我不想修改引导css以使其正常工作，如果可能的话，我会尽量避免编写任何自定义指令

---

有什么建议吗？

ng如果直接放在锚点上就可以了，.
ng如果直接放在锚点上就不行了？您需要覆盖引导css（复制将应用于这些链接的现有样式并更改它们的应用位置），或者需要使用它期望的DOM结构（CSS取决于此，正如您所理解的）。这与ng if无关，只是因为您正在更改引导所期望的DOM结构。感谢@shaunhusain的帮助。我知道，但我需要一个块，因为在某些情况下会有下拉列表，所以我需要一个包含多个元素的块。