如何发送保存多个ng-options json数据

How to send save multiple ng-options json data?

本文关键字：ng-options json 数据 何发送 保存      更新时间：2023-09-26

我是新手

这里我附加了小提琴链接http://jsfiddle.net/soumyagangamwar/htj1wy0g/

我的控制器中有一个JSON数据

$scope.tables= [{
                "label": 'table1'
                },
                {
                "label": 'table2'
                },
                {
                "label": 'table3'
                }];
 $scope.columns = [{
                   "columnName" : 'colname1'
                   },
                   {
                   "columnName" : 'colname2'
                   },
                   {
                    "columnName" : 'colname3'
                   }];
$scope.addoperation = function(join) {
     $scope.operationInfo.push(join);
     console.log($scope.operationInfo , '$scope.operationInfo ')
 }

我的观点是

 </select>
<select class="form-control" ng-model="join.targetTable" 
        ng-options = "ttabel.label for ttabel in tables">
</select>


 </select>
 <select class="form-control" ng-model="join.targetColumn" 
 ng-options = "tcolumn.columnName for tcolumn in columns">
</select>
<a ng-click="addoperation(join)">add</a>
<br>
<table class="table bordered">
<tr>
<th>Source Tabel</th>
<th>Source Column</th>
<th>Target Tabel</th>
<th>Target Column</th>
</tr>
  <tr>{{operationInfo}}</tr>
  <tr ng-repeat = "info in operationInfo">
   <td>{{info.sourceTable.label}}</td>
   <td>{{info.sourceColumn.columnName}}</td>
   <td>{{info.targetTable.label}}</td>
   <td>{{info.targetColumn.columnName}}</td>
</tr>

如果我单击添加链接，然后单击fun，我将这些值推入一个空数组。在ng-repeat的帮助下，我以表格的形式显示它。

问题是在第一次点击后，当我改变下拉值，然后打印的表值也在变化。

我的要求是，当我点击添加链接时，我想把它推入一个数组，并在那个表中显示该数组。在第二次推送中，我想显示以前和现在的值

尝试在将json对象推入数组之前对其进行字符串化和解析

当您引用相同的对象时，这就是为什么打印的表值也在变化。

相关文章：