基於數據列表值填充角度js中的文本字段

Question

我想根據數據列表計數填充文本框字段。如果計數是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 demo

這裏

更新代碼Jsfiddle link updated

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> 

根據你的問題，我建立這個，但你可以擴大此