feat: Added routing transition animation for slicing mgt

Change-Id: I7aa51e27c755ccd1c2337dffdfe397a21f6fa64c
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

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 4b33db1..e2ca18e 100644 (file)
--- 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() {