如何在AngularJS中单击后隐藏ui-grid的链接？

Question

使用Angular-UI-Grid ...我有以下数据（分页）：

姓名|链接 A |显示隐藏 B |显示隐藏

In my options:
cellTemplate:'<div>' +
               '  <a ng-click="grid.appScope.show(row)">Show</a> <a ng-click="grid.appScope.hide(row)">Hide' +'</div>' }      

如何点击“显示”，显示该特定行的隐藏。如果单击“隐藏”，则会显示该特定行的“显示”吗？

Answer 1

我会使用布尔来跟踪显示的内容。 然后在你的方法中反转你的布尔值。

举个例子：

   $scope.isShowing = true;

然后修改您的锚点。

 <a ng-hide="isShowing" ng-click="grid.appScope.show(row)">Show</a> 

和

<a ng-show="isShowing" ng-click="grid.appScope.hide(row)">Hide' +'</div>'

并在你的show / hide方法中

$scope.isShowing = !$scope.isShowing

Answer 2

在Angular ui-grid中的@Ashley Kurkowski，您将无法访问isShowing范围内的appScopeProvider。但是稍微调整一下你的方法是正确的。

cellTemplate: '<div><a ng-show="showRow" ng-click="grid.appScope.show(row); showRow = !showRow;">Show</a> <a ng-show="!showRow" ng-click="grid.appScope.show(row); showRow = !showRow;">Hide</a></div>'

我为此创建了Plunkr。