<html ng-app="MyApp">
<body ng-app="MyApp" ng-controller="TodoCtrls">
<ion-header>
<ion-navbar>
<ion-title>Courses</ion-title>
<h1 class="title">Todo</h1>
</ion-navbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item ng-repeat="task in tasks">
{{task.title}}<br>
</ion-item>
</ion-list>
</ion-content>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="TodoCtrl.js"></script>
</body>
</html>
angular.module('MyApp', [])
.controller('TodoCtrls', function($scope) {
$scope.tasks = [
{ title: 'Collect coins' },
{ title: 'Eat mushrooms' },
{ title: 'Get high enough to grab the flag' },
{ title: 'Find the Princess' }
];
})