From 29298f4f3d16486ea3e760e684e041161c16de8d Mon Sep 17 00:00:00 2001
From: Amadou Sall <ahasall.dev@gmail.com>
Date: Sat, 23 May 2020 21:28:59 +0200
Subject: [PATCH] docs: fix the code sample displayed in the "reusable
animations" guide (#37262)
Currently the code sample displayed in this guide is not a valid.
The `trigger` is directly used in the `@Component` decorator.
It should instead be in the `animations` array of the `@Component` decorator.
PR Close #37262
---
.../src/app/open-close.component.3.ts | 22 ++-----------------
1 file changed, 2 insertions(+), 20 deletions(-)
diff --git a/aio/content/examples/animations/src/app/open-close.component.3.ts b/aio/content/examples/animations/src/app/open-close.component.3.ts
index 64ca362f36..dba69614e5 100644
--- a/aio/content/examples/animations/src/app/open-close.component.3.ts
+++ b/aio/content/examples/animations/src/app/open-close.component.3.ts
@@ -1,29 +1,12 @@
// #docplaster
// #docregion reusable
import { Component } from '@angular/core';
-import { useAnimation, transition, trigger, style, animate } from '@angular/animations';
+import { transition, trigger, useAnimation } from '@angular/animations';
import { transAnimation } from './animations';
@Component({
-// #enddocregion reusable
selector: 'app-open-close-reusable',
-// #docregion runtime
animations: [
- transition('open => closed', [
- style({
- height: '200 px',
- opacity: '{{ opacity }}',
- backgroundcolor: 'yelow'
- }),
- animate('{{ time }}'),
- ], {
- params: {
- time: '1s',
- opacity: '1'
- }
- }),
-// #enddocregion runtime
-// #docregion reusable
trigger('openClose', [
transition('open => closed', [
useAnimation(transAnimation, {
@@ -36,10 +19,9 @@ import { transAnimation } from './animations';
})
])
])
-// #enddocregion reusable
+ ],
templateUrl: 'open-close.component.html',
styleUrls: ['open-close.component.css']
-// #docregion reusable
})
// #enddocregion reusable
export class OpenCloseReusableComponent { }