javascript - 如何使表格中的整行像ngtable(angularjs)中的超链接(在新选项卡中打开等)一样

Question

我正在将 AngularJS 与 ngtable 结合使用。

每次创建表格时，我都会输入 ui-sref上<tr>像这样的元素:

<tr ng-repeat="element in $data" ui-sref="app.some.details.info({id: element.id})">
  <td>{{element.name}}</td>
  <td>{{element.info}}</td>
</tr>

但是，这不允许用户在新选项卡中打开条目、右键单击它以在新窗口中打开等(它的行为不像 <a> )

有什么方法可以使整行可点击，并可以选择在新选项卡/窗口中打开(如本例所示)

Answer 1

您可以使用函数$state.href 和window.open 来完成此操作。

还可以使用变量来控制是否打开新选项卡:

// <tr ng-repeat="element in $data" ng-click="navigateTo(element.id, false)"> -- Same Tab
<tr ng-repeat="element in $data" ng-click="navigateTo(element.id, true)">
  <td>{{element.name}}</td>
  <td>{{element.info}}</td>
</tr>

...

//In the controller
$scope.navigateTo = function(id, inNewTab){
  if(inNewTab){ // New tab
     var url = $state.href('app.some.details.info', {id: id});
     window.open(url , "_blank")
  } else { // Same tab
     $state.go('app.some.details.info', {id: id});
  }
}