Angular-RU SDK
  • Getting Started
    • Introduction
  • CDK
    • @angular-ru/cdk/typings
    • @angular-ru/cdk/number
    • @angular-ru/cdk/string
    • @angular-ru/cdk/date
    • @angular-ru/cdk/array
    • @angular-ru/cdk/object
    • @angular-ru/cdk/regexp
    • @angular-ru/cdk/function
    • @angular-ru/cdk/runtime
    • @angular-ru/cdk/ivy
    • @angular-ru/cdk/utils
    • @angular-ru/cdk/class-transformer
    • @angular-ru/cdk/validators
    • @angular-ru/cdk/directives
    • @angular-ru/cdk/decorators
    • @angular-ru/cdk/pipes
    • @angular-ru/cdk/rxjs
    • @angular-ru/cdk/animations
    • @angular-ru/cdk/zone.js
    • @angular-ru/cdk/webworker
    • @angular-ru/cdk/node.js
    • @angular-ru/cdk/flex-layout
    • @angular-ru/cdk/http
    • @angular-ru/cdk/logger
    • @angular-ru/cdk/stream
    • @angular-ru/cdk/tooltip
    • @angular-ru/cdk/virtual-table
    • @angular-ru/cdk/big-decimal
  • NGXS
    • Introduction
    • @StateRepository
    • @DataAction
    • @Computed
    • @Persistence
    • Entity state adapter
    • Unit Testing
    • Lifecycle
    • Immutability
    • Extension API
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. CDK

@angular-ru/cdk/animations

  • fadeInLinearAnimation

import { fadeInLinearAnimation } from '@angular-ru/cdk/animations';
import { Component } from '@angular-ru/core';

@Component({
    //...
    template: `
        <div
            *ngIf="showed"
            [@fadeInLinear]
        ></div>
    `,
    animation: [fadeInLinearAnimation]
})
export class AppComponent {
    public showed: boolean = true;
}
  • fadeInBezierAnimation

import { fadeInBezierAnimation } from '@angular-ru/cdk/animations';
import { Component } from '@angular-ru/core';

@Component({
    //...
    template: `
        <div
            *ngFor="let i of [1, 2, 3]"
            [@fadeInBezier]
        >
            {{ i }}
        </div>
    `,
    animation: [fadeInBezierAnimation]
})
export class AppComponent {}
Previous@angular-ru/cdk/rxjsNext@angular-ru/cdk/zone.js

Last updated 3 years ago

Was this helpful?