feat:Optimize the writing of tab switching, remove the writing of Ngif

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

1 files changed, 20 insertions, 10 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-resource-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-resource-management.component.ts
index b88b9073..a2a0aaf7 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-resource-management.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-resource-management.component.ts
@@ -1,19 +1,29 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, Input, OnInit, SimpleChanges} from '@angular/core';
 
 @Component({
-  selector: 'app-slicing-resource-management',
-  templateUrl: './slicing-resource-management.component.html',
-  styleUrls: ['./slicing-resource-management.component.less']
+    selector: 'app-slicing-resource-management',
+    templateUrl: './slicing-resource-management.component.html',
+    styleUrls: ['./slicing-resource-management.component.less']
 })
 export class SlicingResourceManagementComponent implements OnInit {
 
-  constructor() { }
+    constructor() {}
+
+    @Input() currentTabTitle;
+
+    ngOnChanges(changes: SimpleChanges) {
+        if (changes.currentTabTitle.currentValue === 'Slicing Resource Management') {
+            this.currentTab = 'Slicing Business Management'
+        }else {
+            this.currentTab = ''
+        }
+    }
+
+    ngOnInit() {}
+
+    currentTab = '';
 
-  ngOnInit() {
-  }
-    currentTab = 'Slicing Business Management';
     handleTabChange($event): void {
-       console.log($event,"$event");
-       this.currentTab = $event.tab._title;
+        this.currentTab = $event.tab._title;
     }
 }