Skip to main content
 首页 » 编程设计

angularjs之Angular之如何将 ng-model 从 ng-repeat 传递到函数和作用域

2024年08月12日7zlslch

我有以下代码:

<form ng-submit="addRow($index)"> 
    <input type="text" ng-repeat="column in table.columns" ng-model="column"> 
    <input type="submit" value="add row"> 
</form> 

此处的实时代码:

http://jsfiddle.net/muehvxx1/

我想做的是,每当您单击“添加行”按钮时,都会将一个新对象添加到范围(表单的父对象),并传递表单字段中的所有值。

到目前为止,您可以将一个对象添加到正确的父对象(有效),但它不会传递字段的值。

请您参考如下方法:

你可以这样做 http://jsfiddle.net/9g8vpnaa/

HTML:表单

<form ng-submit="addRow(table)"> 
  <input type="text" ng-repeat="column in table.columns" ng-model="table.newItem[column]"> 
  <input type="submit" value="add row"> 
</form> 

JS:addRow()

$scope.addRow = function(table){ 
  table.items.push(table.newItem); 
  table.newItem = {}; 
};