如何單擊HTML行然後顯示輸入文本中行的值

Question

如何單擊HTML行然後在輸入文本中顯示行的值以便用戶編輯它們。

在控制器

：

$scope.data = []; 


$scope.selectedMember = { Code: "", Latin: "", Local: "" }; //new property 
$scope.showInEdit = function (member) 
{ 
    $scope.selectedMember = member; 
} 

在NG-重複：

<table border="1" ng-hide="Hide"> 
     <thead> 
      <tr> 
       <th>Code</th> 
       <th>Latin Description</th> 
       <th>Local Description</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="c in Contracts | filter:Code | filter:Latin | filter:Local track by $index"> 

       <td><a href="#" ng-click="showInEdit(c)">{{c.Staff_Type_Code}}</a></td> 
       <td>{{c.L_Desc}}</td> 
       <td>{{c.A_Desc}}</td> 
       <!--<td><input type="button" value="Edit" ng-click="Edit(c)"/> </td>--> 
      </tr> 
     </tbody> 
    </table> 

在HTML：

<table> 
      <tr> 
       <td>Code</td> 
       <td><input type="text" size="10" pattern="^[a-zA-Z0-9]+$" title="Alphnumeric" autofocus ng-model="selectedMember.Code.Staff_Type_Code"></td> 
      </tr> 
      <tr> 
       <td>Latin Description</td> 
       <td><input type="text" size="35" ng-model="Latin.L_Desc"></td> 
      </tr> 
      <tr> 
       <td>Local Description</td> 
       <td><input type="text" size="35" ng-model="Local.A_Desc"></td> 
      </tr> 

感謝很多

Answer 1

你只需要更新你的範圍變數在福像

$scope.Latin.L_Desc = c.example; 

之後，你會看到輸入欄中的這些值。

Answer 2

如果你想在這個代碼值顯示

<table> 
     <tr> 
      <td>Code</td> 
      <td><input type="text" size="10" pattern="^[a-zA-Z0-9]+$" title="Alphnumeric" autofocus ng-model="selectedMember.Code.Staff_Type_Code"></td> 
     </tr> 
     <tr> 
      <td>Latin Description</td> 
      <td><input type="text" size="35" ng-model="Latin.L_Desc"></td> 
     </tr> 
     <tr> 
      <td>Local Description</td> 
      <td><input type="text" size="35" ng-model="Local.A_Desc"></td> 
     </tr> 

那麼你的對象必須是這樣的：

$scope.selectedMember = { Code: "", Latin: {A_Desc:""}, Local: {L_Desc:""} }; 

並在控制器功能

$scope.showInEdit = function (member) 
{ 
    $scope.selectedMember.Latin.L_Desc = member; 
}