<ion-header>
  <ion-toolbar>
    <ion-button slot="start" size="small" (click)="backHome()" color="primary">back</ion-button>
    <ion-title>帮助</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let question of questions" (click)="openDetail(question)">
      {{ question.title }}
    </ion-item>
  </ion-list>

  <ion-modal [isOpen]="isModalOpen" (didDismiss)="isModalOpen = false">
    <ng-template ionModalContent>
      <ion-header>
        <ion-toolbar>
          <ion-title>{{ selectedQuestion?.title }}</ion-title>
          <ion-buttons slot="end">
            <ion-button (click)="isModalOpen = false">关闭</ion-button>
          </ion-buttons>
        </ion-toolbar>
      </ion-header>
      <ion-content>
        <p>{{ selectedQuestion?.detail }}</p>
      </ion-content>
    </ng-template>
  </ion-modal>
  <!-- <app-weather></app-weather>
  <time></time> -->
</ion-content>
