入力ボックスに数字を入力して、anglejを使って動的に行を追加してください。

Question

私はangular.jsを使って同じことをしたいと思います。入力欄に入力するたびに更新する必要があるテーブル行があります。角度アプリ以下

<input type="text" id="member" name="member" value="">Number of members: (max. 10)<br /> 
<a href="#" id="filldetails" onclick="addFields()">Fill Details</a> 
<div id="container" /> 
<script> 
    function addFields() { 
     var number = document.getElementById("member").value; 
     alert(number); 
     var container = document.getElementById("container"); 
     while (container.hasChildNodes()) { 
      container.removeChild(container.lastChild); 
     } 
     for (i = 0; i < number; i++) { 
      container.appendChild(document.createTextNode("Member " + (i + 1))); 
      var input = document.createElement("input"); 
      input.type = "text"; 
      container.appendChild(input); 
      container.appendChild(document.createElement("br")); 
     } 
    } 
</script> 

demo fiddle

Answer 1

はあなたの質問から、添付のJavaScript（フィドル）..に何をしたかを動的に似ています..これはあなたを助けるだろうと思う

Example Fiddle

HTML：

<div ng-controller="MyCtrl"> 
    <input type="number" ng-model="myvalue" ng-change="addFields()"> {{myvalue}} 
    <div ng-repeat="list in lists"> 
     Member {{list.id}} 
     <input type="number" ng-model="list.value"> 
    </div> 
</div> 

JS：

var myApp = angular.module('myApp', []); 
function MyCtrl($scope) { 
    $scope.myvalue = ""; 
    $scope.addFields = function() { 
    $scope.lists = []; 
    for (i = 0; i < $scope.myvalue; i++) { 
    $scope.tempobj = {}; 
    $scope.tempobj.id = i; 
    $scope.tempobj.value = ""; 
    $scope.lists.push($scope.tempobj); 
    } 
} 
}