<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' }
  ];
})