根據數據列表值在angular js中填充文本字段

Question

我想根據數據列表計數填充文本框字段。 如果count是3，我必須填充3本教科書。

<datalist id="testList">
    <option ng-repeat="des in DesList" value=" {{des.id}} ({{des.code}})" data-ng-change="addText(des.id)>
</datalist>

我試圖創建這樣的腳本，但是沒有運氣。

 this.addText = function(count) {

    this.arrayText.push(obj);

  }
}

Answer 1

嘗試使用此Jsfiddle演示

更新的代碼在這里Jsfiddle鏈接已更新

js代碼

  var app = angular.module('myApp', []);
  app.controller('ctrl1', function($scope) {
    $scope.rules = [{
      name: 'rule1',
      id: 1
    }, {
      name: 'rule2',
      id: 2
    }];
    $scope.data = [];
    var dummy = [];

    $scope.addText = function(rule) {

      dummy.push(rule);
      if (dummy.length > 2) {
        $scope.data = angular.copy(dummy);
        $scope.one = $scope.data[0];
        $scope.two = $scope.data[1];
        $scope.three = $scope.data[2];
      }
    }
  });

HTML代碼

  <div ng-app='myApp'>
    <div ng-controller='ctrl1'>
      <select ng-options='item.name as item.name for item in rules' ng-model='rule' ng-change='addText(rule)'>

      </select>
      <hr> Length: {{data.length}}
      <hr>
      <div ng-if='data.length > 2'>
        <input type='text' ng-model='one'>
        <input type='text' ng-model='two'>
        <input type='text' ng-model='three'>
      </div>
    </div>
  </div>

根據您的問題，我建立了這個，但是您可以擴展這個