update to as-syntax

Author: JohannesHoppe

app/book-details/book-details.component.html

@@ -10,7 +10,7 @@
         <GridLayout columns="*, *" rows="auto,auto">
           <StackLayout col="0" row="0" orientation="vertical">
             <Label text="Autoren"></Label>
-            <Label *ngFor="let author of book.authors; let l=last" [text]="author + (!l ? ', ' : '')"></Label>
+            <Label *ngFor="let author of book.authors; last as l" [text]="author + (!l ? ', ' : '')"></Label>
           </StackLayout>
           <StackLayout col="1" row="0" orientation="vertical">
             <Label text="ISBN"></Label>

app/book-list-item/book-list-item.component.html

@@ -3,7 +3,7 @@
   <Label col="1" row="0" [text]="book.title" class="header"></Label>
   <Label col="1" row="1" [text]="book.subtitle" class="description"></Label>
   <StackLayout col="1" row="2" orientation="horizontal" class="metadata">
-    <Label  *ngFor="let author of book.authors; let l=last" [text]="author + (!l ? ', ' : '')"></Label>
+    <Label  *ngFor="let author of book.authors; last as l" [text]="author + (!l ? ', ' : '')"></Label>
   </StackLayout>
   <Label col="1" row="3" [text]="'ISBN ' + book.isbn" class="metadata"></Label>
 </GridLayout>

app/home/home.component.ts

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
   template: `
     <StackLayout>
       <Label class="heading" text="Home"></Label>
-      <Label text="Das ist der BookMonkey"></Label>
+      <Label text="Das ist der BookMonkey mit Angular 4"></Label>
       <Button nsRouterLink="../books" text="Buchliste ansehen" class="ui red button"></Button>
     </StackLayout>
   `