Fare un evento di ng-click

Question

Sono stato in grado di creare una funzione per attivare correttamente le righe nella mia tabella di ng per espandere al clic, tuttavia, quando si fa nuovamente clic non si nascondono. La funzione nel JavaScript è:

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

il booleanVal è essere un valore dal file json (ogni riga con un proprio valore). Quindi in HTML.

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

Si lavora per il primo clic, trasformando il non precedentemente falso booleanVal a true, però, lo fa tornare a togglefalse. Qualche idea di cosa sta andando storto?

Answer 1

Prova questo:

<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> 

Answer 2

È possibile effettuare una delle operazioni seguenti:

• Usa this.row.booleanVal in toggle() funzione
• Direttamente alternare la booleano nella direttiva ngClick: ng-click="row.booleanVal = !row.booleanVal"

Answer 3

Hi prega di dare un'occhiata qui: http://jsbin.com/hefeb/1/edit

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

    }; 

Answer 4

È inoltre possibile utilizzare un operatore condizionale.

Prova questo:

<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>