<div class="container">
  <div class="layout">
    <div class="content">
      <div class="questionTitle">
        {{ this.curPageData['questions'][0]['questionName'] }}
      </div>
      <ul class="income">
        <li
          [ngClass]="{'selected':this.selectedNum === options.optionId}" 
          *ngFor="let options of this.curPageData['questions'][0].options"
          (click)="getAnswer(this.curPageData['questions'][0], options);
          changeStyle(options.optionId)"
        >
          {{ options.optionName }}
        </li>
      </ul>
      <div class="questionTitle" *ngIf="hasMate">
        {{ this.curPageData['questions'][1]['questionName']}}
      </div>
      <ul class="income" *ngIf="hasMate">
        <li
          [ngClass]="{'selected':this.selectedTwo === options.optionId}" 
          *ngFor="let options of this.curPageData['questions'][1]['options']"
          (click)="getAnswer(this.curPageData['questions'][1], options);
          changeStyle2(options.optionId)"
        >
          {{ options.optionName }}
        </li>
      </ul>
    </div>
  </div>
</div>
