Angular JSの行を更新

Question

Angular JSとWebサービスを使用してフォームを送信しています。ここで

<table> 
    <tr> 
     <td style="text-align: right;">Name : 
     </td> 
     <td> 
      <input type="text" id="txtEmpName" ng-model="EmpName" /> 
     </td> 
    </tr> 
    <tr> 
     <td style="text-align: right;">Age : 
     </td> 
     <td> 
      <input type="text" id="txtEmpAge" ng-model="EmpAge" /> 
     </td> 
    </tr> 
    <tr> 
     <td style="text-align: right;">City : 
     </td> 
     <td> 
      <input type="text" id="txtEmpCity" ng-model="EmpCity" /> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" style="text-align: center;"> 
      <input type="submit" id="btnSubmit" value="Submit" /> 
     </td> 
    </tr> 
</table> 

をコード - された私は、すなわち編集クリックに対応する行の項目が満たされなければならないと保存]ボタンを今すぐアップデート]ボタンのように作業する必要があり、再利用可能な編集上のこれらのテキストボックスを作りたいです。 どうすればいいですか？ または、行を編集可能にするにはどうすればよいですか？理想的には

Answer 1

あなたが Employee.Name、Employee.Ageようなモデルを作成したいでしょう、Employee.City

今

コントローラーで

<table> 
    <tr> 
     <td style="text-align: right;">Name : 
     </td> 
     <td> 
      <input type="text" id="txtEmpName" ng-model="Employee.Name" /> 
     </td> 
    </tr> 
    <tr> 
     <td style="text-align: right;">Age : 
     </td> 
     <td> 
      <input type="text" id="txtEmpAge" ng-model="Employee.Age" /> 
     </td> 
    </tr> 
    <tr> 
     <td style="text-align: right;">City : 
     </td> 
     <td> 
      <input type="text" id="txtEmpCity" ng-model="Employee.City" /> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" style="text-align: center;"> 
      <button type="button" id="btnSubmit" ng-click="saveEmployee()">{{Employee.id ? "Edit" : "Create"}}</button> 
     </td> 
    </tr> 
</table> 

$scope.saveEmployee = function(){ 
     if($scope.Employee.id){ 
      // Id will be present for a existing employee 
      // update the Employee 
      }else { 
      // Id not present 
      // create the employee    
      } 
    } 

私が持っているでしょう従業員を保存または更新するために天気を識別できるモデルのEmployee.save（）