angular-cn/modules/playground/src/animate/app/animate-app.ts

import {Component} from '@angular/core';

@Component({
  selector: 'animate-app',
  template: `
    <h1>The box is {{visible ? 'visible' : 'hidden'}}</h1>
    <div class="ng-animate box" *ngIf="visible"></div>
    <button (click)="visible = !visible">Animate</button>
  `
})
export class AnimateApp {
  visible: boolean = false;
}
repackaging: all the repackaging changes squashed 2016-04-28 17:50:03 -07:00			`import {Component} from '@angular/core';`
feat(animate): adds basic support for CSS animations on enter and leave Closes #3876 2015-08-28 14:39:34 -07:00
refactor(playground): remove imports from 'angular2/angular2' Part of #5710 Closes #5798 2015-12-10 16:24:34 +01:00			`@Component({`
			`selector: 'animate-app',`
feat(animate): adds basic support for CSS animations on enter and leave Closes #3876 2015-08-28 14:39:34 -07:00			template: `
			`<h1>The box is {{visible ? 'visible' : 'hidden'}}</h1>`
feat: camelCase Angular (kebab-case removal) BREAKING CHANGE: Angular is now fully camel case. Before: <p ng-if="cond"> <my-cmp [my-prop]="exp"> <my-cmp (my-event)="action()"> <my-cmp [(my-prop)]="prop"> <input #my-input> <template ng-for #my-item [ng-for-of]=items #my-index="index"> After <p ngIf="cond"> <my-cmp [myProp]="exp"> <my-cmp (myEvent)="action()"> <my-cmp [(myProp)]="prop"> <input #myInput>`, <template ngFor="#my-item" [ngForOf]=items #myIndex="index"> The full details are found in [angular2/docs/migration/kebab-case.md](https://github.com/angular/angular/blob/master/modules/angular2/docs/migration/kebab-case.md) 2015-11-23 16:02:19 -08:00			`<div class="ng-animate box" *ngIf="visible"></div>`
feat(animate): adds basic support for CSS animations on enter and leave Closes #3876 2015-08-28 14:39:34 -07:00			`<button (click)="visible = !visible">Animate</button>`
			`
			`})`
			`export class AnimateApp {`
			`visible: boolean = false;`
			`}`