
<ion-header>

  <ion-navbar>
    <ion-title>学习测试</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="main-container">
    <ion-slides>
      <ion-slide *ngFor="let item of list;">
        <div class="learn-item">
          <div class="item-container">
            <ng-container *ngFor="let test of item.test;let i = index;">
              <div class="test">
                <div class="item-title">
                  <p>Q{{i +1}}(问答){{test.title}}</p>
                </div>
                <div class="item-content">
                  <div class="padding-0-30">
                    <div class="content-textarea">
                      {{test.content}}
                    </div>
                  </div>
                </div>
                <div class="test-judge flex">
                  <div class="flex-1"></div>
                  <div class="flex-1"></div>
                  <div class="flex-1 text-center" (click)="select(test,true)">
                    <span [ngClass]="{'check': test.checked == true }" class="right">正确</span>
                  </div>
                  <div class="flex-1 text-center" (click)="select(test,false)">
                    <span [ngClass]="{'check': test.checked == false }" class="error">错误</span>
                  </div>
                </div>
              </div>
            </ng-container>
          </div>
        </div>
      </ion-slide>
    </ion-slides>
  </div>
  <div class="footer-subject">
    <div (click)="prev()" class="prev">上一题</div>
    <div class="index">1 / 10</div>
    <div (click)="next()" class="next">下一题</div>
  </div>
  <div class="footer-submit">
    <div class="submit" (click)="submit()">
      <span>保存</span>
    </div>
  </div>
</ion-content>