Faire une bascule ng-cliquez sur l'événement

J'ai été en mesure de créer une fonction pour réussir à basculer les lignes de mon ng-table à développer sur un clic, cependant, lorsque vous cliquez de nouveau ils ne les cachent pas. La fonction javascript est: 

$scope.toggle = function() {
    return !this.booleanVal;
};

La booleanVal est une valeur de la json fichier (chaque ligne avec sa propre valeur). Puis dans le code HTML.

<p class="row_description more" ng-click="row.booleanVal = toggle()">{{row.description}</p>
<div class="check-element animate-show" ng-show="row.booleanVal">

Il fonctionne pour le premier clic, tournant précédemment faux booleanVal à true, cependant, il n'est pas toggle retour à false. Toute idée de ce qui va mal?

  • Qu'est-ce que switch()
  • merci, c'est censé être toggle()
InformationsquelleAutor Kylie Moden | 2014-06-23
  1. 24

    Essayez ceci:

    <p class="row_description more" ng-click="row.booleanVal = !row.booleanVal">
    {{row.description}
</p>
<div class="check-element animate-show" ng-show="row.booleanVal"></div>
    • J'ai découvert en mode hors connexion par l'intermédiaire d'un mentor que vous pouvez également le faire de cette façon TestCase.prototype.toggle = function() { this.showMe = !this.showMe; } mais votre solution est également correct et fonctionne très bien.
    • Assurez-vous que vous n'avez pas accidentellement ne row.value!=row.value comme je l'ai fait, en espérant que cela les travaux pendant 10 minutes, que c'est juste la comparaison, si elle n'est pas égale 😉
    InformationsquelleAutor Mathew Berg
  2. 2

    Salut s'il vous plaît jetez un oeil ici : http://jsbin.com/hefeb/1/edit

      $scope.toogle = function(i)
  {
    i.booleanVal = !i.booleanVal 

  };
    InformationsquelleAutor sylwester
  3. 1

    Vous pouvez également utiliser un opérateur conditionnel.

    Essayez ceci:

    <p class="row_description more" 
   ng-click="row.booleanVal =row.booleanVal?false:true">
   {{row.description}}
</p>
<div class="check-element animate-show" ng-show="row.booleanVal"></div>
    InformationsquelleAutor MaheshKumar
  4. 0

    Vous pouvez effectuer l'une des opérations suivantes:

    • Utilisation this.row.booleanVal dans toggle() fonction
    • Directement basculer de votre boolean dans la ngClick directive: ng-click="row.booleanVal = !row.booleanVal"
    InformationsquelleAutor Thomas Roch