有多个动态选择框angularjs

我使用Papaparse构建了一个csv联系人导入器。 该网站运行角度。

这是我的表格：

 
 
 
 
 
 
Header
 
Attribute
 
Value Sample
 
 
 
{{row.header}}
 
  Ignore {{attribute.val}} Add Attribute  
 
{{row.values}}
 
 
 
 
 
 
 Save Import 
 
 
  

HTML给出了这个结果：

到目前为止，这一切都正常运行和显示。 但是，我不知道如何捕获processImport()函数中的数据。

我想过使用绑定，但由于用户可以从选择框中添加/删除属性，我无法预先构建选择框。 由于每个csv可以有不同数量的列，我需要重复每列。

有关如何捕获此处提交的数据的任何建议？ 如果我还要添加其他内容，请告诉我。

Answer 1

所以对于那些在这样的事情上挣扎的人来说，实际上并不复杂。 是的，我知道我现在正在说，但是当你看到解决方案时，它非常简单。

所以我有一个像这样的对象：

 var $scope.rows = { 'header': "Account Code", 'header_safe': "Account Code", 'options': ["Ignore", "Cellphone Number", "First Name", "Full Name", "Last Name", "Title","Add Attribute"], 'values: "WELG01, ABDO01, ABOO01, ABOO2, ABOO02, ABOU01, ABRA03, ABRA01, ABRA02, ACKE04" },{ 'header': "Customer Name" 'header_safe': "Customer Name" 'options': ["Ignore", "Cellphone Number", "First Name", "Full Name", "Last Name", "Title","Add Attribute"], 'values': ", Abdool, Aboo, Aboobaker, Aboobaker, Abouchabki, Abraham Thato, Abrahams, Abrams, Ackerman Rulaine" } 

其中，如果您看到上面的图像，您会认出我的问题中图像中显示的内容。 要使这些下拉列表正常工作，这就是我的HTML的样子：

 
 
 
Header
 
Attribute
 
Value Sample
 
 
 
{{row.header}}
 
  
 
{{row.values}}
 
  

然后，在我的表单提交上，我只有一个processImport()函数。 该函数看起来像这样：

 $scope.processImport = function() { console.log($scope.select); } 

这会抓住我的所有数据。

这里有一个更清洁的例子。 感谢原作者 ，他明确地回答了我的问题。