fix:格式显示

poem-life-app/src/app/page-create/page-create.component.html

@@ -9,5 +9,11 @@
   <ion-button (click)="sendMessage()" expand="block">消息生成</ion-button>
 
   <!-- 展示：返回消息内容 -->
-  <div>{{responseMsg}}</div>
+  @if(!isComplete){
+    <div>{{responseMsg}}</div>
+  }
+
+  @if(isComplete){
+    <fm-markdown-preview class="content-style" [content]="responseMsg"></fm-markdown-preview>
+  }
 </ion-content>

poem-life-app/src/app/page-create/page-create.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { IonHeader, IonToolbar, IonTitle, IonContent,IonButton,IonTextarea,IonInput } from '@ionic/angular/standalone';
 /** 引用：从fmode-ng库引用FmodeChatCompletion类 */
-import { FmodeChatCompletion } from 'fmode-ng';
+import { FmodeChatCompletion,MarkdownPreviewModule} from 'fmode-ng';
 
 @Component({
   selector: 'app-page-create',
@@ -9,10 +9,11 @@ import { FmodeChatCompletion } from 'fmode-ng';
   styleUrls: ['./page-create.component.scss'],
   standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton,
-    IonTextarea,IonInput
+    IonTextarea,IonInput,MarkdownPreviewModule
     ],
 })
 export class PageCreateComponent  implements OnInit {
+  isComplete: boolean = false;
   ngOnInit(){
 
   }
@@ -57,7 +58,10 @@ export class PageCreateComponent  implements OnInit {
       // 打印消息体
       console.log(message.content);
       // 赋值消息内容给组件内属性
-      this.responseMsg = message.content;
+      this.responseMsg = message.content
+      if(message?.complete){
+        this.isComplete = true
+      }
     });
   }