ng-show ng-hide not working

Question

I'm trying to hide a section when a variable is null.

<ion-item class="item-avatar calm" id="detalleDeCita-list-item29" ui-sref="volare2.perfilDelAsesor" ng-show="asesor" >
    <h2calm>Asesor {{asesor}} 
      <p>Ver perfil</p>
    </h2calm>
  </ion-item>

Controller

 $scope.asesor = $stateParams.asesor;

and it comes null. It shows the html segment no matter the value of $scope.asesor.

The same happens if use ng-hide or ng-if.

I've tried every combination possible but no matter what, it doesn't work.

what you means is it alway hide no matter value of $scope.asesor ? — Akashii, Jun 01 '17 at 04:41

score 1 · Accepted Answer · answered Jun 01 '17 at 04:45

1

$stateParams params are always strings. "true" == true, but also "false" == true. You need to coerce the value to boolean somehow. Try this :

 $scope.asesor = !!$stateParams.asesor;

answered Jun 01 '17 at 04:45

Akashii

2,251
3
17
29

Thank you! that was it, it was getting null as a String! – José Humberto Contreras Jun 02 '17 at 05:15
@JoséHumbertoContreras you are welcome . please mark my answer if it helped – Akashii Jun 02 '17 at 09:00

ng-show ng-hide not working

1 Answers1