推我需要一个动态阵列输出如下:动态文本框在阵列实施
tableNames = [
["string1", "string2"...],
["string", "string"...]
];
我需要从文本框中输入的字符串的值和每个阵列应是动态的。 任何人都可以帮助我与AngularJS代码设计,以获得这样的结构?
推我需要一个动态阵列输出如下:动态文本框在阵列实施
tableNames = [
["string1", "string2"...],
["string", "string"...]
];
我需要从文本框中输入的字符串的值和每个阵列应是动态的。 任何人都可以帮助我与AngularJS代码设计,以获得这样的结构?
您的tableNames是数组的数组,它很难重复每个输入。所以最好尝试一下对象的数组。
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script type="text/javascript">
\t \t var app= \t angular.module("myApp",[]);
\t \t app.controller("myCTRL",function($scope){
\t \t \t $scope.items= \t [{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
}
\t \t });
\t </script>
<body ng-app="myApp" ng-controller="myCTRL">
<br><br>
\t <div>
\t \t <form name="addForm" novalidate>
<button ng-click="add()" ng-disabled="addForm.input.$invalid">Add</button> \t <br><br>
<div ng-repeat="item in items">
\t \t <input type="text" name="input" ng-model="item.firstname" ng-required="true">
<input type="text" name="input" ng-model="item.lastname" ng-required="true">
\t \t <br><br>
</div>
\t \t </form>
\t \t
\t </div>
\t {{items}}
<br><br>
Your Result:-
<div ng-repeat="item in tableNames">
\t \t <form novalidate>
<input type="text" ng-model="item[0]">
<input type="text" ng-model="item[1]">
\t \t \t <br><br>
\t \t </form>
\t \t
\t </div>
{{tableNames}}
</body>
</html>
您的回答很有帮助。我通过你的答案找到了答案。非常感谢 –
我需要添加的东西是文本框是动态生成的,并将数组中的文本框的值推送出去。 –
是的,你可以... –
**过宽**,你尝试过这么远吗? – Mistalis
我尝试使用ng-repeat并将值推入数组中。但我没有得到预期的结果。 –
分享您的执行代码请致电 – Jax