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

时间:2013-08-31 17:10:54

标签: angularjs angular-ui

我的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>

1 个答案:

答案 0 :(得分:3)

使用以下内容将其绑定到 $ 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/以供进一步参考。