<!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>