<div class="layout">
  <div class="content">
    <div class="questionTitle">{{ this.curPageData['pageName'] }}</div>
    <ul class="ageContent">
      <li *ngFor="let optionsList of this.curPageData['questions']; index as i">
        <div>{{ optionsList.questionName }}</div>
        <b (click)="showToast(optionsList, i)" style="width:35%;text-align: center;float: right">
          <span style="width:20%;text-align: center;">{{ optionsList.name }}</span
          >
          <span style="width:10%;text-align: center;float: right">&gt;</span>
        </b>
      </li>
    </ul>
  </div>
  <div class="addChild" *ngIf="isShowChildAgeBtn" (click)="addChild()">
    <div class="icon">+</div>
    <div data-toggle="modal">增加孩子年龄</div>
  </div>
  <div>{{result}}</div>
  <div class="toastWrapper toast" *ngIf="isShow">
    <div class="toastContent">
      <ul>
        <li
          [ngClass]="{ selected: this.selectedNum === options.optionId }"
          *ngFor="let options of curQues.options"
          (click)="
            closeToast();
            getAnswer(options);
            changeStyle(options, options.optionId)
          "
        >
          {{ options.optionName }}
        </li>
      </ul>
    </div>
  </div>
</div>
