Объедините ng-if с помощью ng-click в angluarJS

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>

Также, пожалуйста, взгляните на это обсуждение:

В чем разница между ng-if и ng-show?/ нг скрыть