如何在點擊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>' 

，並在您的顯示/隱藏方法

$scope.isShowing = !$scope.isShowing 

Answer 2

@Ashley Kurkowski在角UI網，你不會在你的appScopeProvider範圍訪問isShowing。但通過稍微調整，您的方法是正確的。

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。