Tworzenie zdarzenia przełączającego ng-click

Question

Udało mi się utworzyć funkcję, aby pomyślnie przełączać wiersze w tabeli, aby rozwinąć kliknięcie, jednak po ponownym kliknięciu nie będą się one ukrywać. Funkcja w JavaScript jest:

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

The booleanVal jest jako wartość z pliku json (każdy rząd z jego własna wartość). Następnie w HTML.

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

To działa dla pierwszego kliknięcia, obracając nie wcześniej fałszywy booleanVal do true jednak robi toggle powrotem do false. Masz pojęcie, co się dzieje?

Answer 1

Spróbuj tego:

<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

Można wykonać jedną z następujących czynności:

• Korzystając this.row.booleanVal w toggle() funkcji
• Bezpośrednio przełącz swoją wartość logiczną w dyrektywy ngClick: ng-click="row.booleanVal = !row.booleanVal"

Answer 3

Cześć zajrzyj tutaj: http://jsbin.com/hefeb/1/edit

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

    }; 

Answer 4

Można też użyć operatora warunkowego.

Spróbuj tego:

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