如何使用索引号将数据从控制器绑定到ng-repeat - 文本框

时间:2017-06-26 06:02:28

标签: angularjs

我有两个选择下拉列表和一个文本框。

可以选择使用ng-repeat克隆每一行。

当选择下拉值时,我将从数据库中获取值。所以我需要在文本框中绑定该值。

控制器:

 $scope.major_change = function(value, index){
  $scope.major_id = value;
};

$scope.minor_change = function(value, index){
  $scope.minor_id = value;
  $scope.active = 'active';
  var temp = surveyService.getDistList($scope.major_id, $scope.minor_id);
  temp.then(function (msg) {
      alert(msg.data[0].gi_code);
      $scope.gi_code[index] = msg.data[0].gi_code;
          }, function () {
              $scope.Error = 'Error in adding record';
          });

};

Html Screen

2 个答案:

答案 0 :(得分:0)

我不知道您的HTML代码究竟是什么样子,但可能会根据需要帮助您。您可以使用双向数据绑定:

HTML代码:

<tr>
<td><select class="select1"></option></option></td>
<td><select class="select1"></option></option></td>
<td><input type="text" ng-model="value" ></td>

Javascript代码:

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.value= $('.select1').val();    
});
</script>

答案 1 :(得分:0)

您将错误的值绑定到ng-model。这就是双向绑定无效的原因。

$scope.minor_change = function(value, index){

  $scope.minor_id = value;
  /*$scope.dist.gi_code[index] = value;*/
  $scope.dist_list[index].gi_code=value;
}

工作人员 r:https://plnkr.co/edit/dRr90YtjtSRhHUZKisMQ?p=preview