I've used CDN for Bootstrap and Angular JS so you need internet connection for them to work.
var app = angular.module('app', []);
app.controller('myController', function($scope, $filter){
$scope.lists = [
{
taskid: 1,
name: 'Learn Angular',
complete: 'true'
},
{
taskid: 2,
name: 'Create Angular Apps',
complete: 'false'
},
{
taskid: 3,
name: 'Submit Apps',
complete: 'false'
}
]
$scope.countAllTask = function(){
return $scope.lists.length;
}
$scope.addTask = function(){
var obj = $scope.lists.length-1;
if(obj < 0){
var lastid = 1;
}
else{
var lastid = $scope.lists[obj].taskid;
}
$scope.lists.push({
taskid: lastid + 1,
name: $scope.newtask,
complete: 'false'
});
$scope.newtask = '';
}
$scope.deleteTask = function(list){
var index = $scope.lists.indexOf(list);
$scope.lists.splice(index,1);
}
$scope.completeTask = function(list){
$scope.lists.find(function(v) {
return v.taskid == list.taskid;
}).complete = 'true';
}
$scope.deleteCompleted = function(){
var completed = $filter('filter')($scope.lists, { complete: 'true' });
angular.forEach(completed, function(list){
var index = $scope.lists.indexOf(list);
$scope.lists.splice(index,1);
});
}
});
That end this tutorial. Happy Coding :)