ng-if没有打破样式表?

时间:2014-03-19 00:08:21

标签: angularjs twitter-bootstrap angularjs-ng-repeat

有没有办法在不添加包含元素的情况下使用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以使其正常工作,并且我尽量避免编写任何自定义指令。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

直接在锚点上的{p> ng-if很好,demo