Minor improvements

Author: vakrilov

app/animate-child.component.ts

@@ -18,17 +18,16 @@ import { Component } from "@angular/core";
         trigger("parent", [
             transition("* => *", [
                 style({ transform: "translate(200px)" }),
-                animate(1000,
-                        style({ transform: "translate(0px)" })),
-                        query("@child", animateChild())
+                animate(1000, style({ transform: "translate(0px)" })),
+                query("@child", animateChild())
             ])
         ]),
         trigger("child", [
             transition("* => *", [
-                style({ opacity:0 }),
-                animate(400, style({ opacity:1 }))
+                style({ opacity: 0 }),
+                animate(400, style({ opacity: 1 }))
             ])
-        ])     
+        ])
     ],
     styles: [
         `.parent {

app/query-stagger.component.ts

@@ -1,25 +1,25 @@
 import {
-     animate,
-     query,
-     stagger,
-     style,
-     transition,
-     trigger,
- } from "@angular/animations";
+    animate,
+    query,
+    stagger,
+    style,
+    transition,
+    trigger,
+} from "@angular/animations";
 import { Component } from "@angular/core";
- 
+
 @Component({
     moduleId: module.id,
     animations: [
         trigger("listAnimation", [
             transition("* => *", [
                 // this hides everything right away
                 query(":enter", style({ opacity: 0 })),
- 
+
                 // starts to animate things with a stagger in between
-                query(":enter", stagger("200ms", [
-                    animate("1s", style({ opacity: 1 }))
-                ]))
+                query(":enter", stagger(200, [
+                    animate(1000, style({ opacity: 1 }))
+                ]), { delay: 200 })
             ])
         ])
     ],
@@ -28,21 +28,18 @@ import { Component } from "@angular/core";
             <Button (tap)="add()" text="ADD" backgroundColor="hotpink"></Button>		
  		
             <StackLayout [@listAnimation]="items.length"> 		
-                <ng-template ngFor let-item let-i="index" [ngForOf]="items"> 		
-                    <Button
-                      [text]="item"		
-                      class="ani-button"		
-                    ></Button>		
-                </ng-template>		
- 		
+                <Button *ngFor="let item of items" [text]="item" class="ani-button"></Button>		
             </StackLayout>		
         </StackLayout>		
     `
 })
 export class QueryStaggerComponent {
     public items = [
-        "Enter",
+        "Dramatic",
+        "Entrance",
         "With",
+        "Really",
+        "Cool",
         "Stagger",
     ];