javascript - 在 ng-click 上切换参数的最佳方式

Question

我正在尝试对我的搜索结果进行排序。我希望我的服务器这样做，而不是使用 angular 来订购。我正在使用 rails 并使用 ransack 进行搜索..

所以为了让它工作，我需要通过升序或降序来搜查。

所以我创建了一个链接并使用了 ng-click 并传递了如下参数

 <a href="" ng-click="getRooms('price asc')">price</a>

这按预期工作。

但是当有人点击它时，我希望传递的值从 price asc 更改为 price desc。所以每次点击它都会切换。使用 ng-click 时可以吗？我唯一能想到的是使用 2 个链接并隐藏点击的链接，但我认为应该有另一种更好的方法来做到这一点..

Answer 1

您可以在 Controller 中创建一个变量来存储当前顺序(升序或降序)。然后，每次单击链接时，只需在调用服务器之前切换此变量即可。

示例实现:

Controller :

$scope.order = 'asc'; // initial, default order

function toggleOrder() {
    $scope.order = $scope.order == 'asc' ? 'dsc' : 'asc';
}

$scope.getRooms = function (columnName) {
    toggleOrder();

    // Make the call to the server using the columnName and $scope.order
}

HTML:

<a href="" ng-click="getRooms('price')">price</a>