ng-click 和 ng-init 变量定义

Question

我正在尝试使用 ng-click 和 ng-init 使表 header 分拣器工作。

angular js 文档中的示例需要模块，如果我安装和更新该模块，我的 SPA 会因某种原因而崩溃。 我试图让它发挥作用，但即使在其他同事的帮助下，它也失败了。

所以，我想到了绕过，想出了 ng-click 和 ng-init。 如果我计算点击次数，那么每偶数点击，表格按升序排序，每奇数点击，表格按降序排序。

我可以使用 (click) 进行一次点击和一次排序（例如，一次点击 - 升序 - 无论我点击多少，都可以完成）。 但是，当我使用 ng-click 和 ng-init 时，无法识别 ng-init 中的变量。

<th><button class="some-type" ng-click="count = count + 1; oddEven(count)? sortByAsc(column) : sortByDes(column)" ng-init="count = 0"><b>columnName</b></button></th>

如果我在上面的代码中的 columnName 旁边插入 {{ count }} （或代码中的任何价值），它会给出错误说 count 未定义。

<th><button class="some-type" ng-click="count = count + 1" ng-init="count = 0"><b>columnName</b></button></th>

我像上面的代码一样在 ng-click 中删除了额外的 function 调用，但即使是这个简单的代码也根本无法识别计数。

那么，有没有特定的方法在 ng-init 和 ng-click 中声明变量？

为什么这段代码不能按原样工作？

Answer 1

我建议保留一个 object 跟踪哪个 col 订单在 acs 或 des 订单上，您可以在 function 中使用它来调用相应的 function。 这是示例代码。

var sortOrder = {
  column1: false,
  column2: false
}

$scope.sortBy = function(col) {
  if(sortOrder[col]) {
    sortByAsc(col)
  } else {
    sortByDes(col)
  }
  sortOrder[col] = !sortOrder[col]
}