Question

我做了这个页面：

CODE（看第二个叉子，在中间，而不是最后一个）

有两个选择：第二个是空的并且自动完成，并在第一个选择中选择了一个子选项。这很有效。

现在，这是我正在做的一张桌子。实际上，行包含上面的两个选择。我还将添加一个ADD新行按钮，以便进行新选择。我试图迭代，但当然它不起作用....在这个更新THIS你可以看到在script.js中我添加了新代码（我做了评论）。我创建了一个数组来包含所有信息，一个函数添加新行，一个函数删除行。但当然它不起作用.......我做错了什么？

特别是这是js'代码的新行：

 $scope.allInfo = [
  {
     "Product ID" : $scope.selectedProduct.id,
     "Product Nome" : $scope.selectedProduct.nome,
     "Product Codice": $scope.selectedProduct.codice,
     "Lot ID" : $scope.selectedLot.id,
     "Lot Value" : $scope.selectedLot.value
  }   
 ];

$scope.foods = [
 {
  "select1": "",
  "select2": ""
 }
]


$scope.newLine = function () {
  var itemToAdd = { "select1": "", "select2": ""};
 $scope.allInfo.push(itemToAdd);
}

$scope.removeLine = function (itemIndex) {
  $scope.foods.splice(itemIndex, 1);
 }

我的意思是重复整行，重复选择。一开始我有：<select></select> <select></select> <button></button> <button></button>。当我按添加行时，我会复制<select></select> <select></select> <button></button> <button></button>。用新的领域完全换新线！所以迭代函数。

非常感谢你的建议！

Answer 1

交配，看这个：

 $scope.newLine = function () {
var itemToAdd = { "select1":   $scope.selectedProduct, "select2": $scope.selectedLot};
    $scope.allInfo.push(itemToAdd);
}

你的代码是：

$scope.newLine = function () {
var itemToAdd = { "select1": , "select2": ""};
$scope.allInfo.push(itemToAdd);
}

我不明白，代码现在似乎对我有用...... 更新的代码plunker：http://plnkr.co/edit/A0Uh7jJUuJgWBBVKKjiU?p=preview

使用ng-repeat进行json数组选择

1 个答案: