Question

我已经能够创建一个函数来成功切换ng-table中的行以扩展click，但是，再次单击它们时它们将不会隐藏。 javascript中的函数是：

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

booleanVal是json文件中的值（每行都有自己的值）。然后在HTML中。

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

适用于第一次点击，将之前的错误booleanVal转为true，但不会toggle返回false。知道出了什么问题吗？

Answer 1

试试这个：

<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

嗨，请看这里：http://jsbin.com/hefeb/1/edit

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

  };

Answer 3

您也可以使用条件运算符。

试试这个：

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

Answer 4

您可以执行以下操作之一：

在this.row.booleanVal功能

toggle()

直接在 ngClick 指令中切换布尔值：ng-click="row.booleanVal = !row.booleanVal"

进行切换ng-click事件

4 个答案: