如何綁定到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

將其綁定到使用這個$範圍VAR：

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

然後$scope.mySelections將舉行帶有1個項目的陣列多選：假。

查看本頁面：http://angular-ui.github.io/ng-grid/以供進一步參考。