From ccd0ef2a8034cc1901d993f895951fde464dd471 Mon Sep 17 00:00:00 2001 From: cyuamber Date: Mon, 9 Dec 2019 09:41:09 +0800 Subject: feat: Added routing transition animation for slicing mgt Change-Id: I7aa51e27c755ccd1c2337dffdfe397a21f6fa64c Issue-ID: USECASEUI-368 Signed-off-by: cyuamber --- .../services/slicing-management/slicing-management.component.ts | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'usecaseui-portal/src/app') diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-management.component.ts index 4b33db12..e2ca18e2 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-management.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-management.component.ts @@ -1,12 +1,16 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, HostBinding } from '@angular/core'; +import { slideToRight } from '../../../shared/utils/animates'; @Component({ selector: 'app-slicing-management', templateUrl: './slicing-management.component.html', - styleUrls: ['./slicing-management.component.less'] + styleUrls: ['./slicing-management.component.less'], + animations: [slideToRight] }) export class SlicingManagementComponent implements OnInit { + @HostBinding('@routerAnimate') routerAnimateState; + constructor() { } ngOnInit() { -- cgit 1.2.3-korg