如何从下拉列表绑定的文本框中获取模型值，而不更改下拉列表的模型值

Question

在我的项目中，我在Angular html页面中有一个下拉菜单和一个文本框。 从下拉菜单中选择一个选项，选择该选项后，它会绑定到文本框。稍后我需要更改文本框的值并提交它。我需要点击按钮提交最新的更改值。 如何获得提交的最新价值？

<select ng-model="val" ng-change="select(val);" ng-options="gro.name for gro in group"></select>

<input type="text" value="{{val.name}}" /> 

请帮忙。

Answer 1

使用ng-model而不是value

在HTML中

<select ng-model="val" ng-change="select(val);" ng-options="gro.name for gro in group"></select>

<input type="text" ng-model="selectedValue" /> 

在变更控制器中，（即ng-change）将调用它，它将更新。

function select(val) {
$scope.selectedValue = val;
}

稍后如果更改文本框，ng-model值（即selectedValue）将绑定到最新值，并且不会在下拉列表中更改，因为下拉ng-model不同（即val）。