angularjs - con - Angular: cómo pasar ng-model desde ng-repeat a una función y al alcance

ng-change select

Question

Tengo el siguiente código:

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

Código en vivo aquí:

http://jsfiddle.net/muehvxx1/

Lo que intento hacer es que cada vez que haga clic en el botón "Agregar fila", se agregue un nuevo objeto al alcance (al objeto primario del formulario) pasando todos los valores desde los campos del formulario.

Hasta ahora puede agregar un objeto al padre correcto (que funciona), pero no pasa los valores de los campos.

Answer 1

Lo que era agregar y el objeto adicional nuevoRow a todas sus tablas

 $scope.tables = [
{name: ''tweets'',
columns: [''id'', ''message'', ''user''],
items: [
{id: 1, message: ''hello'', user: ''mike''},
{id: 2, message: ''hi'', user: ''bob''},
{id: 3, message: ''whatup'', user: ''bob''}
],
newRow :{}
},
{name: ''users'',
columns: [''id'', ''username''],
items: [
{id: 1, username: ''mike''},
{id: 2, username: ''bob''}
],
newRow :{}
}
];

Luego uso ese objeto para enlazar a las entradas

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

Luego solo tiene que agregar ese objeto a los elementos cuando el usuario haga clic en "Agregar fila"

 $scope.addRow = function(table){
console.log($scope.id);
table.items.push(table.newRow);
};

JSFiddle

Answer 2

Podrías hacer algo como esto http://jsfiddle.net/9g8vpnaa/

HTML: forma

<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 = {};
};