purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2026-03-21 20:58:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fuck.n router animation..

Browse Source
This commit is contained in:
mustafahlvc
2017-08-19 16:20:09 +03:00
parent b8d5c16237
commit d70ad0d3c7
2 changed files with 61 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/main/content/content.component.ts
View File

@@ -1,20 +1,30 @@
import { Component, OnInit } from '@angular/core';
import { Component, HostBinding, OnInit } from '@angular/core';
import { PerfectScrollbarDirective } from 'ngx-perfect-scrollbar';
import { NavigationEnd, Router } from '@angular/router';
import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
import { Animations } from '../../core/animations';
@Component({
selector : 'fuse-content',
templateUrl: './content.component.html',
styleUrls : ['./content.component.scss']
styleUrls : ['./content.component.scss'],
animations : [Animations.routerTransition]
})
export class FuseContentComponent implements OnInit
{
@HostBinding('@routerTransition') routeAnimationState = false;
constructor(
private router: Router,
private activatedRoute: ActivatedRoute,
private perfectScrollbarDirective: PerfectScrollbarDirective
)
{
this.router.events
.filter((event) => event instanceof NavigationEnd)
.map(() => this.activatedRoute)
.subscribe((event) => {
this.routeAnimationState = !this.routeAnimationState;
});
}
ngOnInit()