如何在Bootstrap中有条件地控制/停止数据切换？

Question

对于带有a的简单列出的项目data-toggle,我只是想知道如何有条件地停止a data-toggle.

%li{'data-toggle'="modal", 'data-target'='#myModal'}

我正在寻找类似的东西:

%li{'data-toggle'="admin"?"modal":"", 'data-target'='#myModal'}

admin是一个angularJS变量.只是想知道这样的事情是否可行.我尝试了上面的代码,并没有按预期工作.

Answer 1

我不知道Angular上下文中HAML语法的细节,但是有很多方法可以在HTML中执行此操作.我确信在翻译成HAML时会应用相同的概念.

插值

<li data-toggle="{{admin ? 'modal' : ''}}" data-target="#myModal">

NG-ATTR

<li ng-attr-data-toggle="{{admin ? 'modal' : ''}}" data-target="#myModal">

NG-如果

<li ng-if="admin"  data-toggle="modal" data-target="#myModal">
<li ng-if="!admin" data-toggle=""      data-target="#myModal">