AngularJS 设置来自 Select 的输入答案

【问题标题】：AngularJS Setting Input from SelectAngularJS 设置来自 Select 的输入
【发布时间】：2014-08-20 00:44:55
【问题描述】：

您将如何处理在选择中选择的数据并填充输入表单？

到目前为止的代码：

<form class="form-horizontal well" role="form" novalidate name="editSomeForm" ng-init="getSomeNames()">
  <div class="form-group">
    <label for="name" class="col-sm-3 control-label">Some Name: </label>
    <div class="col-sm-9">
      <select class="form-control" id="name" ng-model="some.name" ng-options="s.name for s in data.some_names"></select>
    </div>
  </div>
  <div class="form-group">
    <label for="someId" class="col-sm-3 control-label">Some ID: </label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="someId" name="someId" ng-model="some.id"/>
    </div>
  </div>

js:

app.controller('EditSomething', function($scope, $http) {
  $scope.getSomeNames = function() {
    $http.get('/api/something/editinfo').
      success(function (data) {
        $scope.some.name = data.some_names[0];
        $scope.data = data;
      }).
      error(function (data){
        $scope.some_names = {}
      });
  };

【问题讨论】：

标签： angularjs select input selected

【解决方案1】：

只需将输入字段的 ng-model 绑定为与选择字段相同，但请记住这是“双向”。如果您更改输入字段，它将尝试更改选择字段。

另一种方法是添加一个ng-change 属性并让它触发一个作用域函数，将数据分配给另一个作用域变量

【讨论】：