Javascript 仅当条件为fullfield时添加下拉切换

有一个由此创建的元素列表：

<td>
    <span >{{rows.values}} <i class="fas fa-caret-down"></i></span>
</td>

{{rows.values}}

如果rows.values的值大于0，我希望使用下拉切换

到目前为止，我的尝试如下所示：

<td>
    <span >{{rows.values}} <i class="fas fa-caret-down dropdown-toggle" data-toggle="dropdown" dropdown-toggle></i></span>
</td>

<ul ng-class="rows.values ? dropdown-toggle: ''" role="menu">
  <li><a href="#">Action</a></li>
  <li><a href="#">Another action</a></li>
</ul>

<td>
    <span >{{rows.values}} <i class="fas fa-caret-down dropdown-toggle" data-toggle="dropdown" dropdown-toggle></i></span>
</td>
<ul ng-class="{'dropdown-toggle': rows.values}" role="toggle">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
 </ul>

{{rows.values}}

但它什么也没用

以后编辑：

收到建议后，我的代码如下所示：

<td>
    <span >{{rows.values}} <i class="fas fa-caret-down dropdown-toggle" data-toggle="dropdown" dropdown-toggle></i></span>
</td>

<ul ng-class="rows.values ? dropdown-toggle: ''" role="menu">
  <li><a href="#">Action</a></li>
  <li><a href="#">Another action</a></li>
</ul>

<td>
    <span >{{rows.values}} <i class="fas fa-caret-down dropdown-toggle" data-toggle="dropdown" dropdown-toggle></i></span>
</td>
<ul ng-class="{'dropdown-toggle': rows.values}" role="toggle">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
 </ul>

{{rows.values}}

但还是什么都没做

---

有什么建议吗？

您忘记为值添加单引号了：

<ul ng-class="rows.values ? 'dropdown-menu' : ''" role="menu">
<!--------------------------^-------------^

试试这个。。用作表达

<td>
      <span >{{rows.values}} <i class="fas fa-caret-down dropdown-toggle" data-toggle="dropdown"></i></span>
</td>

 <ul class="dropdown-menu {{rows.values>0?'':'ele-show'}}">
   <li><a href="#">Action</a></li>
   <li><a href="#">Another action</a></li>
</ul>

更正了那个打字错误，但仍然不起作用。当我点击时什么也没发生it@LeoMessi你检查过其他版本了吗？试试第二种方法。我编辑了我的问题，仍然不起作用。这应该是一个问题，因为它是一个切换，而不是一个菜单？我希望它是一个开关，使用答案中给出的相同方式。请参见对跨度元素和ul所做的更改。然后单击Carets的底部尖端，直到不起作用。无论我在哪里单击，都没有可见的切换或下拉列表。谢谢你的帮助，我会尝试不同的方法maybe@LeoMessi您是否包含
bootstrap.min.js
。问题可能与
行有关。值也可能与
行有关。