Javascript Angularjs动态表单内容

Javascript Angularjs动态表单内容,javascript,angularjs,Javascript,Angularjs,这是我的视角 <label class="control-label">skipColumns:</label> <br /> <fieldset ng-repeat="skipColumn in config.skipColumns track by $index"> <input type="text" class="form-control" ng-model="skipColumn[0]" /><br /> &l

这是我的视角

<label class="control-label">skipColumns:</label>
  <br />
<fieldset ng-repeat="skipColumn in config.skipColumns track by $index">
<input type="text" class="form-control" ng-model="skipColumn[0]" /><br />
</fieldset>
<button class="btn btn-default" ng-click="addNewSkipColumn(skipColumn)">Add SkipColumn</button>
<br />
所以问题是,当我显示或看到$scope.config.skipColumns的结构时,它会给出以下输出:

{
 skipColumns:[["content of textfield1"],["content of textfield1"]..]

 }
但我需要的是`

{
 skipColumns:["content of textfield1","content of textfield1",..]

 }

请帮帮我。(“文本字段的内容”表示表单数据)

请看这个。。。只需推送值而不是数组

var-app=angular.module('angularjs',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.choices=['choice1'];
$scope.addNewChoice=函数(){
var newItemNo=$scope.choices.length+1;
$scope.choices.push('choice'+newItemNo);
};
$scope.removeChoice=函数(){
var lastItem=$scope.choices.length-1;
$scope.choices.splice(最后一项);
};
});

可移动的
办公室
家
-
添加字段
{{choices}}

这里您需要的是更改在
config.skipColumns
数组中推送的内容。像这样:

$scope.addNewSkipColumn = function(skipColumn) {
    $scope.config.skipColumns.push("");
}
而且,
ng repeat
将类似于:

<fieldset ng-repeat="skipColumn in config.skipColumns track by $index">
    <input type="text" ng-model="config.skipColumns[$index]" />
</fieldset>

skipColumns:

添加SkipColumn

{{config.skipColumns}
感谢您的回复。
<fieldset ng-repeat="skipColumn in config.skipColumns track by $index">
    <input type="text" ng-model="config.skipColumns[$index]" />
</fieldset>