<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<script src=
</script>
<model>
h1 {
shade: inexperienced
}
button {
shade: white;
background-color: black;
peak: 50px;
width: 130px;
padding: 3px;
margin: 5px;
border-radius: 5px;
}
enter {
width: 200px;
padding: 5px 15px;
margin: 5px 0;
box-sizing: border-box;
border: 2px strong #ccc;
border-radius: 4px;
}
</model>
<script>
var app = angular.module("todoApp", []);
// Manufacturing facility
app.manufacturing unit("TodoFactory", operate () {
var manufacturing unit = {};
manufacturing unit.todoList = [];
manufacturing unit.addTodo = operate (todo) {
manufacturing unit.todoList.push(todo);
};
manufacturing unit.getTodos = operate () {
return manufacturing unit.todoList;
};
return manufacturing unit;
});
// Supplier
app.supplier("TodoProvider", operate () {
var supplier = {};
supplier.todoList = [];
supplier.$get = operate () {
var service = {};
service.addTodo = operate (todo) {
supplier.todoList.push(todo);
};
service.getTodos = operate () {
return supplier.todoList;
};
return service;
};
return supplier;
});
// Controller
app.controller("TodoController",
operate ($scope, TodoFactory, TodoProvider) {
$scope.addTodoFactory = operate () {
TodoFactory.addTodo($scope.newTodo);
$scope.factoryTodoList = TodoFactory.getTodos();
};
$scope.addTodoProvider = operate () {
TodoProvider.addTodo($scope.newTodo);
$scope.providerTodoList = TodoProvider.getTodos();
};
});
</script>
</head>
<physique ng-controller="TodoController">
<middle>
<h1> GeeksforGeeks</h1>
<h3>
Distinction between manufacturing unit, service & supplier ?
</h3>
<enter sort="textual content"
ng-model="newTodo"
placeholder="Enter new Todo">
<button ng-click="addTodoFactory()">
Add Todo utilizing Manufacturing facility
</button>
<button ng-click="addTodoProvider()">
Add Todo utilizing Supplier
</button>
</middle>
<div>
<h3>Todo Checklist utilizing Manufacturing facility</h3>
<ul>
<li ng-repeat="todo in factoryTodoList">
{{todo}}
</li>
</ul>
</div>
<div>
<h3>Todo Checklist utilizing Supplier</h3>
<ul>
<li ng-repeat="todo in providerTodoList">
{{todo}}
</li>
</ul>
</div>
</physique>
</html>
