Angularjsオブジェクト内のステートメントがHTML選択オプションに依存する

Question

オブジェクト内に条件を指定して特定の2 HTML選択オプションをキャプチャしたい場合、角度はユーザーの選択に基づいて特定の値をデータベースに送信します

HTML

<tr> 
       <td>End Of Contract By</td> 
       <td> 
        <select> 
         <option ng-model="Age">Age</option> 
         <option ng-model="NYears">Number Of Years in Service</option> 
        </select> 
       </td> 
      </tr> 
      <tr> 
       <td>Number</td> 
       <td> 
        <input type="text" pattern="^[0-9]+$" title="Please enter numbers only" size="10" maxlength="2" ng-model="selectedMember.Num_EndWork"> 
        <select> 
         <option ng-model="Months">Months</option> 
         <option ng-model="Years">Years</option> 
        </select> 
       </td> 
      </tr> 

コントローラ

var Contract = { Code: $scope.selectedMember.Code.Staff_Type_Code, Latin: $scope.selectedMember.Latin.L_Desc, Local: $scope.selectedMember.Local.A_Desc, Nend: $scope.selectedMember.Num_EndWork, Tend: $scope.Type_EndWork, hd: $scope.selectedMember.Hours_Day, dw: $scope.selectedMember.Days_Week } 

    if (!$scope.selectedMember.sys_key) { 
     crudService.post(Contract).then(function (response) { 
      $scope.Contract = (res.data) 
      $scope.selectedMember = {}; 
      loadrecords(); 
     }, function (err) { 
      console.log("Err" + err); 
     }); 
    } 
} 

、ユーザは、第2の選択オプションで選択したオプションと第一中に第一のオプションを選択し、データベースVaに挿入する場合、私はしたい

LUE事前に1人の

おかげで、あなたのコードを変更

Answer 1

オプションがNG-モデルを持つべきではない、唯一の選択は、条件が一致した場合

<select ng-model="selectedContract"> 
    <option>Age</option> 
    <option>Number Of Years in Service</option> 
</select> 

<select ng-model="selectedNumber"> 
    <option value="Months">Months</option> 
    <option value="Years">Years</option> 
</select> 

は、その後、あなたのコントローラ内部であなただけの1をチェックして挿入することができていなければなりません

if($scope.selectedContract =='Age' && $scope.selectedNumber =='Months'){ 

} 

Answer 2

まず。以下のように。このリンクを参照して、選択タグオプションの使用方法を参照してください。

https://docs.angularjs.org/api/ng/directive/ngOptions https://docs.angularjs.org/api/ng/directive/select https://docs.angularjs.org/api/ng/directive/ngSelected

<select ng-model="ageYear"> 
      <option value="Age">Age</option> 
      <option value="NYears">Number Of Years in Service</option> 
    </select> 
    </td> 
     </tr> 
     <tr> 
     <td>Number</td> 
       <td> 
     <input type="text" pattern="^[0-9]+$" title="Please enter numbers only" size="10" maxlength="2" ng-model="selectedMember.Num_EndWork"> 
    <select ng-model="typeOftime"> 
     <option value="Months">Months</option> 
      <option value="Years">Years</option> 
     </select>