推入数组实现的动态文本框[关闭]答案

【问题标题】：Dynamic textboxes pushing in arrays implementation [closed]推入数组实现的动态文本框[关闭]
【发布时间】：2017-03-02 09:23:34
【问题描述】：

我需要一个动态数组输出如下：

tableNames = [
    ["string1", "string2"...],
    ["string", "string"...]
];

我需要从文本框中输入字符串的值，并且每个数组都应该是动态的。任何人都可以帮助我设计 AngularJS 代码以获得这样的结构吗？

【问题讨论】：

太宽泛了，到目前为止你有什么尝试？
我尝试使用 ng-repeat 并将值推送到数组中。但我没有得到预期的结果。
请分享你的实现代码

标签： javascript angularjs arrays json

【解决方案1】：

您的 tableNames 是数组数组，很难重复每个输入。所以最好尝试对象数组。

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script type="text/javascript">
		var app=	angular.module("myApp",[]);

		app.controller("myCTRL",function($scope){
			$scope.items=	[{firstname:'ArunMozhi', lastname:'Varman'},{firstname:'Karikala', lastname:'Cholan'}];
      
      $scope.tableNames = [
    ["string1", "string2"],
    ["string", "string"]
];
 $scope.add = function(){
 $scope.items.unshift({firstname:'', lastname:''}); // you can use push         also
 }

		});
	</script>

<body ng-app="myApp" ng-controller="myCTRL">

<br><br>
	<div>
		<form name="addForm" novalidate>
    <button ng-click="add()" ng-disabled="addForm.input.$invalid">Add</button>	<br><br>
    <div ng-repeat="item in items">
		<input type="text" name="input" ng-model="item.firstname" ng-required="true">
    <input type="text" name="input" ng-model="item.lastname" ng-required="true">
		<br><br>
      </div>       
		</form>
		
	</div>
	{{items}}
  
  <br><br>
  
  Your Result:-
  
  <div ng-repeat="item in tableNames">
		<form novalidate>
    <input type="text" ng-model="item[0]">
    <input type="text" ng-model="item[1]">
			<br><br>
		</form>
		
	</div>
  {{tableNames}}
</body>
</html>

【讨论】：

您的回答很有帮助。我通过你的答案找到了我的答案。非常感谢
我唯一需要添加的是动态生成文本框并将文本框的值推送到数组中。
是的，你可以...
查看我的更新答案
谢谢。但我找到了一种嵌套数组本身的方法