Added functions and fixed the issue that copies did not take effect

Issue-ID: USECASEUI-844
Change-Id: I88c5bb570cbfe4379375ba2cfad045402726b7fc
Signed-off-by: kaixiliu <liukaixi@chinamobile.com>

1 files changed, 8 insertions, 11 deletions

diff --git a/usecaseui-portal/src/app/views/maas/use/use-application.component.ts b/usecaseui-portal/src/app/views/maas/use/use-application.component.ts
index f0ce4f7e..abee90d0 100644
--- a/usecaseui-portal/src/app/views/maas/use/use-application.component.ts
+++ b/usecaseui-portal/src/app/views/maas/use/use-application.component.ts
@@ -5,6 +5,7 @@ import { ActivatedRoute } from '@angular/router';
 import { MaasApi } from '@src/app/api/maas.api';
 import { TranslateService } from '@ngx-translate/core';
 import { MaasService } from '../maas-service.service';
+import { ClipboardService } from 'ngx-clipboard';
 export type StatusEnum = 'typing' | 'finished';
 export type Chat = { question: string, answer: string, questionId: string, status: StatusEnum };
 @Component({
@@ -34,7 +35,8 @@ export class UseApplicationComponent implements OnInit, OnDestroy {
     private myhttp: MaasApi,
     private translate: TranslateService,
     private maasService: MaasService,
-    private renderer: Renderer2
+    private renderer: Renderer2,
+    private clipboardService: ClipboardService
   ) { }
 
   async ngOnInit() {
@@ -45,13 +47,13 @@ export class UseApplicationComponent implements OnInit, OnDestroy {
     });
     this.keydownListener = this.renderer.listen(this.questionInput.nativeElement, 'keydown', this.handleKeyDown.bind(this));
   }
-  
+
   ngOnDestroy() {
     if (this.keydownListener) {
       this.keydownListener();
     }
   }
-
+  
   close() {
     if (this.currentSSE) {
       this.currentSSE.close();
@@ -119,18 +121,14 @@ export class UseApplicationComponent implements OnInit, OnDestroy {
         nzLabel: item.applicationName
       }));
       this.selectedName = this.options.length > 0 ? this.options[0].nzValue : '';
-    } catch {
+    } catch (error) {
       this.message.error('Failed to obtain intent data');
     }
   }
 
   async copy(content: string): Promise<void> {
-    try {
-      await (navigator as any).clipboard.writeText(content);
-      this.message.success(this.translate.instant('maas.copy_to_clipboard'));
-    } catch (err) {
-      console.error(this.translate.instant('maas.copy_failed') + ': ', err);
-    }
+    this.clipboardService.copyFromContent(content);
+    this.message.success(this.translate.instant('maas.copy_to_clipboard'));
   }
 
   deleteQuestion(questionId: string): void {
@@ -157,7 +155,6 @@ export class UseApplicationComponent implements OnInit, OnDestroy {
         } else {
           this.doAction();
         }
-        
       }
     }
   }