如何使一個表中的單個項目在angularjs中可選擇

Question

我有一個使用ng-repeat的表...我希望能夠允許用戶使用等於「enter」鍵的表中的項來選擇表中的項目到keydown事件13.當用戶點擊輸入時，我希望能夠專注於特定的表格行並將變量'selected'設置爲true。當用戶點擊第二次輸入時，我想將'selected'字段設置爲false。

這是我到目前爲止，有什麼想法？

HTML：

<tbody ng-model="educators"> 
     <tr ng-keydown="keydownevt()" tabindex="0" class="inventor-row" ng-repeat="ed in educators"> 
     <td class="inventor-col"> 
      <div><strong>{{ed.lastName}}, {{ed.firstName}}</strong></div> 
      <div>{{ed.address}}</div> 
      <div>{{ed.country}}</div> 
     </td> 
     </tr> 
    </tbody> 

JS：

$scope.keydownevt = function() { 
      $scope.keydownkeycode = event.keyCode; 
      var selected = false; 
      if (event.keyCode === 13) { 
      // add focus 
      return !selected; 
      } 
     }; 

Answer 1

好了，你沒有表現出要在其中存儲選定值和TBODY標籤的NG-模型是好不尷尬，讓我儘量幫

<tr ng-keydown="keydownevt(ed)" tabindex="0" ng-class="{selected: ed.selected}" class="inventor-row" ng-repeat="ed in educators"> 
     <td class="inventor-col"> 
      <div><strong>{{ed.lastName}}, {{ed.firstName}}</strong></div> 
      <div>{{ed.address}}</div> 
      <div>{{ed.country}}</div> 
     </td> 
     </tr> 

$scope.keydownevt = function (ed) { 
      $scope.keydownkeycode = event.keyCode; 
      var selected = ed.selected || false; 
      if (event.keyCode === 13) { 
      // add focus 
      return !selected; 
      } 
     }; 

然後創建一個名爲css類「.selected」那畫該行或東西