202226701027/huinongbao-app/src/app/my-plan/my-plan.component.html

<ion-header>
  <ion-toolbar>
    <ion-title>我的策划</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card *ngFor="let plan of planList"> <!-- 使用 *ngFor 循环展示所有策划 -->
    <ion-card-header>
      <ion-card-title>{{ plan.get('brandName') }}</ion-card-title>
      <ion-card-subtitle>{{ plan.get('brandType') }}</ion-card-subtitle>
    </ion-card-header>
    <ion-card-content>
      <p><strong>目标市场:</strong> {{ plan.get('targetMarket') }}</p>
      <p><strong>竞争对手信息:</strong> {{ plan.get('competitorsInfo') }}</p>
      <p><strong>用户提示:</strong> {{ plan.get('userPrompt') }}</p>
      <p><strong>策划内容:</strong></p>
      <p>{{ plan.get('reportContent') }}</p>
      <fm-markdown-preview class="content-style" [content]="plan.get('reportContent')"></fm-markdown-preview>
    </ion-card-content>
  </ion-card>

  <ion-button *ngIf="planList.length === 0" expand="full" color="medium" (click)="loadPlan()">
    加载策划内容
  </ion-button>
</ion-content>