title: ng-hide and ng-show with a counter angularJS
body: <p>I'm trying to hide a &lt; li > and show another with angularjs.
  I have a counter that when is 0, it displays one &lt; li > and when is 1 or higher, display another &lt; li >.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;li ng-hide="getDatosMiro.dataOut({{contadorMiro}} != 0)"&gt;&lt;a ng-click="getAlerts();$event.stopPropagation()" href="#"&gt;&lt;img src="/NeoSANUKCRMWebProfile/static/img/u1823.png" /&gt;&lt;/a&gt; &lt;span&gt;MIRO Cases &lt;span class="exclamation"&gt;! &lt;span class="badge" ng-controller="miroControler"&gt;{{contadorMiro}}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li ng-hide="getDatosMiro.dataOut({{contadorMiro}} == 0)"&gt;&lt;a ng-click="getAlerts();$event.stopPropagation()" href="#"&gt;&lt;img src="/NeoSANUKCRMWebProfile/static/img/u1823.png" /&gt;&lt;/a&gt; &lt;span style="color:#000;"&gt;MIRO Cases &lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>ANGULAR</p>
  
  <pre><code>var app = angular.module('angularRoutingApp');
  app.controller('miroControler', ["$scope","getDatosMiro","getCRMCabecera",function($scope,getDatosMiro,getCRMCabecera) {
      $scope.inicializarDatos=function()
      {
          $scope.contadorMiro=0;
          var dataIn=getDatosMiro.dataIn;
          var dataOut=getDatosMiro.dataOut;
          if (getDatosMiro.dataOut !=0)
          {
              alert('datos de entrada');
              var total = getDatosMiro.dataOut.numeroIncidents * 1 + getDatosMiro.dataOut.numeroCompliants * 1
                 + getDatosMiro.dataOut.numeroDissatisfactions * 1;
  
              $scope.contadorMiro=total;
          }
          else
          {
              alert('datos cero');
  
              //$scope.contadorMiro="-";
  
              $scope.contadorMiro=ng-show;
  
          }
  
      };
  
      // leer datos de cabecera
      getDatosMiro.checkCompletion('getDatosMiro.done',$scope).then(
          function(event)
          {
              $scope.inicializarDatos();
          });
      //
  }]);
  </code></pre>
  
  <p>In HTML I change {{contadorMiro}} by total, change ng-hide by ng-show and I don't know what I have to do in Angular.</p>
  
  <p>Can you help me please, thanx</p>