<!DOCTYPE html>
<html>
<head>
<base href="." />
<script data-require="angular1.6.2@0.0.1" data-semver="0.0.1" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
<title>angular playground</title>
<link rel="stylesheet" href="style.css" />
<script src="index.js"></script>
</head>
<body ng-app="app">
<div ng-include="'todolist.html'" ng-controller="MyCtrl" />
</body>
</html>
/* Styles go here */
### Angular Starter Plunker - Typescript
angular.module('app', [])
.controller('MyCtrl', function ($scope) {
$scope.todolist = []
$scope.form = {
todo: ''
};
$scope.onSubmit = () => {
$scope.todolist.push($scope.form.todo)
$scope.form.todo = ''
}
})
<h1>TODOLIST</h1>
<ul>
<li ng-repeat="todo in todolist">{{todo}}</li>
</ul> <br />
<form method="post" ng-submit="onSubmit()">
<input type="text" ng-model="form.todo" />
<input type="submit" />
</form>