angularjs - 如何绑定到 ng-grid 中的当前选定行？

Question

我的 ng-grid 设置为 multiSelect: false，我想在单击一行时显示或可能在外部查询一些附加数据。例如，当从列出电子邮件的网格中选择一个时，该场景会显示电子邮件的正文。

<div ng-app="app" ng-controller="emailController">
    <div class="gridStyle row-fluid" ng-grid="gridOptions">
        <input  placeholder="enter to filter title" ng-model="filterText" ng-change="filterTxt(this)"/>
        <label>Include Sent: <input type="checkbox" title="IncludeCompleted" ng-model="_IncCompleted" ng-click="IncludeCompleted()"></label>
    </div>

    <div class="row-fluid gridStyle">
        <p></p>
        <br />
        <br />
        <input type="text" ng-model="messageBody" />
    </div>

</div>

Answer 1

使用以下方法将其绑定到$scope var：

$scope.mySelections = [];
$scope.gridOptions = { 
  data: 'myData',
  selectedItems: $scope.mySelections,
  multiSelect: false
};

然后$scope.mySelections将在multiSelect:false中保存一个包含 1 个项目的数组。

查看此页面：http ://angular-ui.github.io/ng-grid/以供进一步参考。