Skip to content

Instantly share code, notes, and snippets.

@AndrewO
Created April 20, 2013 01:04
Show Gist options
  • Save AndrewO/5424267 to your computer and use it in GitHub Desktop.
Save AndrewO/5424267 to your computer and use it in GitHub Desktop.
Angular.js: editing arrays of objects the hard(er) way
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.dudes=[
{name:'Leonardo'},
{name:'Donatello'},
{name:'Raphael'},
{name:'Michaelango'}
];
// I wouldn't recommend this. See: http://plnkr.co/edit/K5vcB4v2OLGDNXzG2iNV?p=preview
$scope.addDude = function() { $scope.dudes.push({}); }
$scope.removeDude = function(dude) {
$scope.dudes = _($scope.dudes).without(dude);
}
});
<body ng-controller="MainCtrl">
<form>
<button ng-click="addDude()">Add</button>
<ul ng-repeat="dude in dudes">
<li>
<input ng-model="dude.name"/>
<button ng-click="removeDude(dude)">Delete</button>
</li>
</ul>
</form>
<pre><code>{{dudes|json}}</code></pre>
</body>
@AndrewO
Copy link
Author

AndrewO commented Apr 20, 2013

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment