refactor: add multi-states animation example

Author: sis0k0

Diff for: nativescript-angular/animations/transition-animation-engine.ts

@@ -47,7 +47,7 @@ function setStylesOverride(element: NgView, styles: ɵStyleData) {
     Object.keys(styles).forEach(prop => {
         const camelCaseProp = dashCaseToCamelCase(prop);
         element.style[camelCaseProp] = styles[prop];
-    })
+    });
 }
 
 // extending Angular's TransitionAnimationEngine

Diff for: ng-sample/app/app.ts

@@ -49,6 +49,7 @@ import { AnimationEnterLeaveTest } from "./examples/animation/animation-enter-le
 import { AnimationKeyframesTest } from "./examples/animation/animation-keyframes-test";
 import { AnimationNgClassTest } from "./examples/animation/animation-ngclass-test";
 import { AnimationStatesTest } from "./examples/animation/animation-states-test";
+import { AnimationStatesMultiTest } from "./examples/animation/animation-states-multi-test";
 
 @NgModule({
     declarations: [
@@ -139,6 +140,7 @@ const customPageFactoryProvider = {
 
 // animations
 platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationStatesTest));
+// platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationStatesMultiTest));
 // platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationNgClassTest));
 // platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationKeyframesTest));
 // platformNativeScriptDynamic().bootstrapModule(makeExampleModule(AnimationEnterLeaveTest));

Diff for: ng-sample/app/examples/animation/animation-states-test.ts

@@ -17,7 +17,7 @@ import {
         trigger("state", [
 
             state("inactive", style({ "background-color": "red" })),
-            state("active", style({ "background-color": "green" })),
+            state("active", style({ "backgroundColor": "green" })),
 
             transition("* => active", [ animate("600ms ease-out") ]),
             transition("* => inactive", [ animate("600ms ease-out") ]),