mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
47 lines
824 B
JavaScript
47 lines
824 B
JavaScript
import {Component, Decorator, View as NgView, NgElement, bootstrap} from 'angular2/angular2';
|
|
import {Animation} from 'ionic/ionic';
|
|
|
|
|
|
|
|
@Component({ selector: '[ion-app]' })
|
|
@NgView({
|
|
templateUrl: 'main.html'
|
|
})
|
|
class IonicApp {
|
|
constructor(
|
|
@NgElement ngElement:NgElement
|
|
) {
|
|
|
|
this.animation = new Animation();
|
|
this.animation.elements( ngElement.domElement.querySelectorAll('.square') );
|
|
|
|
this.animation.duration(500)
|
|
this.animation.easing('linear')
|
|
|
|
this.animation.property('opacity', 0)
|
|
|
|
}
|
|
|
|
start() {
|
|
let q = this.animation.start();
|
|
|
|
q.then(()=> {
|
|
console.log('animation complete')
|
|
});
|
|
|
|
|
|
}
|
|
|
|
stop() {
|
|
this.animation.stop()
|
|
}
|
|
|
|
velocityStart() {
|
|
Velocity(document.querySelectorAll('.square'), { opacity: 0 }, 500); // Velocity
|
|
}
|
|
|
|
}
|
|
|
|
|
|
bootstrap(IonicApp)
|