diff --git a/ionic/animations/animation.ts b/ionic/animations/animation.ts
index 9050452b6f..2d0bd93e58 100644
--- a/ionic/animations/animation.ts
+++ b/ionic/animations/animation.ts
@@ -72,7 +72,7 @@ export class Animation {
         }
 
       } else if (typeof ele === 'string') {
-        ele = doc.querySelector(ele);
+        ele = doc.querySelectorAll(ele);
         for (i = 0; i < ele.length; i++) {
           this._addEle(ele[i]);
         }
diff --git a/ionic/components/app/test/animations/index.ts b/ionic/components/app/test/animations/index.ts
index 28e529ad7b..9f29879bcb 100644
--- a/ionic/components/app/test/animations/index.ts
+++ b/ionic/components/app/test/animations/index.ts
@@ -5,6 +5,8 @@ import {App, Page, Animation} from '../../../../../ionic/ionic';
   templateUrl: 'main.html'
 })
 class E2EPage {
+  duration;
+  easing;
 
   constructor() {
     this.duration = '1000';
@@ -25,6 +27,8 @@ class E2EPage {
   template: '<ion-nav [root]="root"></ion-nav>'
 })
 class E2EApp {
+  root;
+
   constructor() {
     this.root = E2EPage;
   }
diff --git a/ionic/components/app/test/animations/main.html b/ionic/components/app/test/animations/main.html
index b24f19a164..973af82a0c 100644
--- a/ionic/components/app/test/animations/main.html
+++ b/ionic/components/app/test/animations/main.html
@@ -19,9 +19,9 @@
     <ion-item>
       <ion-label>Easing</ion-label>
       <ion-select [(ngModel)]="easing">
-        <ion-option value="linear"></ion-option>
-        <ion-option value="ease-in-out"></ion-option>
-        <ion-option value="cubic-bezier(0.36,0.66,0.04,1)"></ion-option>
+        <ion-option>linear</ion-option>
+        <ion-option>ease-in-out</ion-option>
+        <ion-option>cubic-bezier(0.36,0.66,0.04,1</ion-option>
       </ion-select>
     </ion-item>