latest touches
This commit is contained in:
parent
5b4da0c4e2
commit
70b98176dd
|
@ -1 +0,0 @@
|
||||||
This example folder is in a WIP state as Animations are not merged into Angular yet.
|
|
|
@ -7,7 +7,8 @@ import {
|
||||||
animate,
|
animate,
|
||||||
transition
|
transition
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -11,7 +11,8 @@ import {
|
||||||
animate
|
animate
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
// #enddocregion imports
|
// #enddocregion imports
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -1,16 +1,17 @@
|
||||||
// #docregion
|
// #docregion
|
||||||
// #docregion imports
|
// #docregion imports
|
||||||
import {
|
import {
|
||||||
Component,
|
Component,
|
||||||
Input,
|
Input,
|
||||||
trigger,
|
trigger,
|
||||||
state,
|
state,
|
||||||
style,
|
style,
|
||||||
transition,
|
transition,
|
||||||
animate
|
animate
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
// #enddocregion imports
|
// #enddocregion imports
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -7,7 +7,8 @@ import {
|
||||||
animate,
|
animate,
|
||||||
transition
|
transition
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -7,7 +7,8 @@ import {
|
||||||
animate,
|
animate,
|
||||||
transition
|
transition
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -8,7 +8,8 @@ import {
|
||||||
transition,
|
transition,
|
||||||
group
|
group
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -1,15 +1,16 @@
|
||||||
// #docregion
|
// #docregion
|
||||||
// #docregion imports
|
// #docregion imports
|
||||||
import {
|
import {
|
||||||
Component,
|
Component,
|
||||||
Input,
|
Input,
|
||||||
trigger,
|
trigger,
|
||||||
style,
|
style,
|
||||||
transition,
|
transition,
|
||||||
animate
|
animate
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
// #enddocregion imports
|
// #enddocregion imports
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -8,7 +8,8 @@ import {
|
||||||
transition,
|
transition,
|
||||||
keyframes
|
keyframes
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -7,7 +7,8 @@ import {
|
||||||
animate,
|
animate,
|
||||||
transition
|
transition
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -1,16 +1,17 @@
|
||||||
// #docregion
|
// #docregion
|
||||||
// #docregion imports
|
// #docregion imports
|
||||||
import {
|
import {
|
||||||
Component,
|
Component,
|
||||||
Input,
|
Input,
|
||||||
trigger,
|
trigger,
|
||||||
state,
|
state,
|
||||||
style,
|
style,
|
||||||
transition,
|
transition,
|
||||||
animate
|
animate
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
// #enddocregion imports
|
// #enddocregion imports
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
moduleId: module.id,
|
moduleId: module.id,
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
import { Component } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import { Heroes } from './hero.service';
|
|
||||||
|
import { Heroes } from './hero.service';
|
||||||
import { HeroListBasicComponent } from './hero-list-basic.component';
|
import { HeroListBasicComponent } from './hero-list-basic.component';
|
||||||
import { HeroListInlineStylesComponent } from './hero-list-inline-styles.component';
|
import { HeroListInlineStylesComponent } from './hero-list-inline-styles.component';
|
||||||
import { HeroListEnterLeaveComponent } from './hero-list-enter-leave.component';
|
import { HeroListEnterLeaveComponent } from './hero-list-enter-leave.component';
|
||||||
import { HeroListEnterLeaveStatesComponent } from './hero-list-enter-leave-states.component';
|
import { HeroListEnterLeaveStatesComponent } from './hero-list-enter-leave-states.component';
|
||||||
import { HeroListCombinedTransitionsComponent } from './hero-list-combined-transitions.component';
|
import { HeroListCombinedTransitionsComponent } from './hero-list-combined-transitions.component';
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
import { bootstrap } from '@angular/platform-browser-dynamic';
|
import { bootstrap } from '@angular/platform-browser-dynamic';
|
||||||
|
|
||||||
import { HeroTeamBuilderComponent } from './hero-team-builder.component';
|
import { HeroTeamBuilderComponent } from './hero-team-builder.component';
|
||||||
|
|
||||||
bootstrap(HeroTeamBuilderComponent);
|
bootstrap(HeroTeamBuilderComponent);
|
||||||
|
|
|
@ -1,12 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<my-app>
|
|
||||||
</my-app>
|
|
||||||
<script src="bundle.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -7,7 +7,6 @@
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
<!-- Polyfill for Web Animations -->
|
<!-- Polyfill for Web Animations -->
|
||||||
<!-- This can be replaced with Angular's own once it ships -->
|
|
||||||
<script src="https://npmcdn.com/web-animations-js@2.2.1"></script>
|
<script src="https://npmcdn.com/web-animations-js@2.2.1"></script>
|
||||||
|
|
||||||
<!-- Polyfill(s) for older browsers -->
|
<!-- Polyfill(s) for older browsers -->
|
||||||
|
|
Loading…
Reference in New Issue