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

Question

对于带有data-toggle的简单列出的项目，我只是想知道如何有条件地停止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">