Home / Questions / 75160
Accepted
deluf
Asked: 2020-06-02 11:16:37 +0800 CST 2020-06-02 11:16:37 +0800 CST

change image by flag

  • 772

I have 2 variables that manipulate the same image

In the html:

    <i class="fa fa-trash-o" aria-hidden="true" ng-click="vm.deleteMessage()" ng-show="!vm.instance.deleted" ng-show="!vm.flagDelete"></i>

but it never changes, what is my mistake?

angularjs

1 Answers

  1. Best Answer

    I'll give you an example in case it helps you in plunkr on how to make it show or not:

    http://plnkr.co/edit/AtbVEEm1f7IWlpcFLWha?p=preview

    Controller: As you can see, here I use controller as:

    var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  var vm = this;
  vm.mostrar = true;
  vm.cambiarEstado = function(){
    vm.mostrar = !vm.mostrar;
  }
});

    Html: here I also use controllerAs:

    <body ng-controller="MainCtrl as mainCtrl">
    <p ng-show='mainCtrl.mostrar'>Parrafo uno</p>
    <p ng-show='!mainCtrl.mostrar'>Parrafo dos</p>
    <button ng-click="mainCtrl.cambiarEstado()">A traves de funcion</button>
    <button ng-click="mainCtrl.mostrar = !mainCtrl.mostrar">Desde el htmln</button>
</body>

    In addition to this, I added two ways to change the value of the variable that controls the visibility.

    Another thing I notice in your code is that you have double ng-show, you should only have one, and in case of responding to two variables you should do the following:

    ng-show="var1 && var2"

    either

    ng-show="var || var2"

    either

    ng-show="fncRetornaValor()"

    I hope this is what you are looking for, anything ask again.

    • 1