Load nodes into front page

Use NotesApi in App to load notes into front page
Show all loaded notes in the front page

src/app.html

@@ -7,21 +7,11 @@
   <navbar></navbar>
 
   <div class="container">
-    <div class="jumbotron">
-      <h1>
-        <h1>${message}</h1>
-      </h1>
-    </div>
+    <h1>Notes</h1>
 
     <div class="row">
-      <div class="col-md-4">
-        <note></note>
-      </div>
-      <div class="col-md-4">
-        <note></note>
-      </div>
-      <div class="col-md-4">
-        <note></note>
+      <div class="col-md-4" repeat.for="note of notes">
+        <note content.bind="note.content"></note>
       </div>
     </div>
   </div>

src/app.ts

@@ -1,3 +1,17 @@
+import { autoinject } from 'aurelia-framework';
+import { NotesApi } from './api/notes-api';
+
+@autoinject
 export class App {
-  message = 'Hello World!';
+
+  private notes: Array<string> = [];
+
+  constructor(private notesApi: NotesApi) {
+  }
+
+  private attached() {
+    this.notesApi.getNotes()
+      .then(notes => this.notes.push(...notes));
+  }
+
 }