在ngluarJS中结合ng-if和ng-click

Question

只有当一个值大于0时，才有一个按钮必须显示一个切换。否则它不应该做任何事情。

这是添加ng-if之前的代码：

<span >{{values.valuesNumber}} 
      <i class="fas fa-caret-down" ng-click="$ctrl.doSomething(values)">
      </i>
</span>

我想仅在ng-click时才从values.valuesNumber > 0调用该函数。

所以我像下面这样添加它，但它不起作用。

 <span >{{values.valuesNumber}} <i class="fas fa-caret-down">
     <span ng-if="values.valuesNumber > 0">
         <span ng-click="$ctrl.doSomething(values)">
         </span>
     </span>
 </i></span>

Answer 1

使用ng-show代替ng-if。因为ng-if创建了自己的范围。

<span >{{values.valuesNumber}} <i class="fas fa-caret-down">
     <span ng-show="values.valuesNumber > 0">
         <span ng-click="$ctrl.doSomething(values)">
         </span>
     </span>
 </i></span>

另请参阅此讨论：

what is the difference between ng-if and ng-show/ng-hide