Javascript 基于datalist值填充angular js中的文本字段

我想根据数据列表计数填充文本框字段。如果计数是3，我必须填充3本教科书

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

试试这个

这里更新了代码

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];
      }
    }
  });

  <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>

HTML代码

  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];
      }
    }
  });

  <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>

Length:{{data.Length}

---

根据你的问题，我建立了这个，但你可以扩展这个

在你定义obj的地方添加更多信息？你的答案的一部分是写。如果所选索引为2，如何删除一个文本框。请提供帮助，但如何添加与选定值相等的文本框。如果所选值为1，我希望显示1个文本框。如果选择值4，我想显示4个文本框。请帮助如果所选值更改为3到1，则已有三个文本框。如果选择1，我只需要一个文本框。请帮助