hallo,
ik ben dit script een beetje aan het bewerken:
eerst waren het checkboxen. Nu heb ik dat veranderd in divjes. Hoe zorg ik er voor dat je bij een klik op een divje het divje wordt verwijdert? Even voor de duidelijkheid: je kan ook nieuwe divjes aanmaken.
ik ben dit script een beetje aan het bewerken:
Code:
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body ng-app="myApp" ng-controller="todoCtrl">
<h2>My Todo List</h2>
<form ng-submit="todoAdd()">
<input type="text" ng-model="todoInput" size="50" placeholder="Add New">
<input type="submit" value="Add New">
</form>
<br>
<div ng-repeat="x in todoList">
<div ng-model="x.done"><span ng-bind="x.todoText"></span></div>
</div>
<p><button ng-click="remove()">Verwijder geselecteerde items</button></p>
<script>
var app = angular.module('myApp', []);
app.controller('todoCtrl', function($scope) {
$scope.todoList = [{todoText:'Clean House', done:false}];
$scope.todoAdd = function() {
$scope.todoList.push({todoText:$scope.todoInput, done:false});
$scope.todoInput = "";
};
$scope.remove = function() {
var oldList = $scope.todoList;
$scope.todoList = [];
angular.forEach(oldList, function(x) {
if (!x.done) $scope.todoList.push(x);
});
};
});
</script>
</body>
</html>