來自未定義形式的AngularJS下拉值

Question

我試圖在AngularJS中提交表單時從下拉列表中獲取值，但最終得到一個未定義的值。 看到這個小提琴： http : //jsfiddle.net/ironhead/Td2NZ/280/文本字段可與$ scope.nameoftextbox一起使用，但是如何獲取下拉列表的名稱/值？

<form ng-submit="submitForm()" novalidate>
    <select name="test" ng-model="form.type" ng-options="option.name for option in typeOptions" ></select>
    <input type="submit" value="submit">
</form>

<script>
    $scope.submitForm = function (post) {
    alert($scope.test);
}
</script>

Answer 1

使用ng-model指令，可以將特定的$scope屬性form.type綁定到該選擇。 當用戶選擇不同的選項時，該模型的值會根據最初創建這些元素的方式（使用ng-options指令）而變化。 因此，您只需要檢查模型的值即可！ 例如：

alert($scope.form.type.name);

演示