將選定的選項傳遞給控制器​​功能

Question

我有一個表有一些輸入和角度模型。

      <td> 
           <select class="form-control" id=""> 
            <option ng-model="mfrNo" ng-repeat="manufacturer in manufacturers" value="mfrNo">{{manufacturer.SUPP_NAME}} [{{manufacturer.SUPP_NO}}]</option> 
           </select> 
          </td> 
          <td> 
           <input type="text" ng-model="newCon" class="form-control" name="new_contract_number" value="" maxlength="500"/> 
          </td> 
          <button type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="reassignContract()">Reassign</button> 

在我的控制器中，我想檢索選擇/輸入的值。

$scope.reassignContract = function() { 
     console.log($scope.newCon); 
     console.log($scope.mfrNo); 

    }; 

第一個模型newCon通過文本輸入罰款。但第二個，mfrNo輸出未定義/ null。

爲什麼這個模型/對象不能通過？我做錯了什麼，如何解決？

Answer 1

ngModel應該去<select>而不是<option>。您還應該考慮使用ngOptions。

所以：

<td> 
    <!-- ngModel should go here --> 
    <select ng-model="mfrNo" class="form-control" id=""> 
     <!-- Instead of here --> 
     <option ng-repeat="manufacturer in manufacturers" value="mfrNo">{{manufacturer.SUPP_NAME}} [{{manufacturer.SUPP_NO}}]</option> 
    </select> 
</td> 

此外，要設置你的唯一<option>爲 「mfrNo」 的value。我不知道這是否是有意的，但這意味着$scope.mfrNo的值將是"mfrNo"。我想你的意思是將它設置爲$scope的其他值。使用{{some_scope_var}}插值。