2017-03-16 12 views
0

データリストの数に基づいてテキストボックスフィールドに値を設定します。カウントが3の場合、私は3つの教科書を設定する必要があります。データリストの値に基づいて角度jのテキストフィールドにデータを入力する

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

私はthis.but no luckのようなスクリプトを作成しようとします。

this.addText = function(count) { 

    this.arrayText.push(obj); 

    } 
} 
+0

詳細情報を追加 –

+0

ここでobjを定義しましたか? –

答えて

0

は、ここでは、この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コード

を使用してみてください

私はこれをビルドしますが、これを拡張することができます

+0

あなたの答えの一部は書き込みです。選択したインデックスが2の場合、どのように1つのテキストボックスを削除できますか?助けてください – sanjeewa

+0

しかし、どのように私は選択した値と等しいテキストボックスを追加することができます。選択した値が1の場合は、1つのテキストボックスを表示します。値4を選択すると、4つのテキストボックスを表示します。助けてください – sanjeewa

+0

これをチェックアウトするhttps://jsfiddle.net/7ym139q9/4/ –

関連する問題