<ion-header>

  <ion-navbar>
    <ion-title>问卷预览</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
    <ion-list>
        <ion-item>
            <ion-label class="padding-left-16">{{temp.title}}</ion-label>
        </ion-item>
        <div class="question-list">
            <ion-item *ngFor="let item of detail;let i = index">
                <div class="item-content">
                    <p>{{i +1}}、
                        <span *ngIf="item.quesType == 1">(判断)</span>
                        <span *ngIf="item.quesType == 2">(单选)</span>
                        <span *ngIf="item.quesType == 3">(多选)</span>
                        <span *ngIf="item.quesType == 4">(问答)</span>
                        {{item.title}}</p>
                    <ng-container *ngIf="item.quesType == 1">
                        <p><span class="input-radio {{item.option?.answerdesc == '0'?'select-raio':''}} "></span>是</p>
                        <p><span class="input-radio {{item.option?.answerdesc == '1'?'select-raio':''}}"></span>否</p>
                    </ng-container>
                    <ng-container *ngIf="item.quesType == 2">
                        <ng-container *ngFor=" let option1 of item.quesDesc;let i1 = index;">
                            <p><span class="input-radio {{item.option?.answerdesc == i1?'select-raio':''}}"></span>{{option1.option_title}}</p>
                        </ng-container>
                    </ng-container>
                    <ng-container *ngIf="item.quesType == 3">
                        <ng-container *ngFor=" let option2 of item.quesDesc;let i2 = index;">
                            <p><span class="input-check {{item.option?.answerdesc[i2] == i2?'select-check':''}}"></span>{{option2.option_title}}</p>
                        </ng-container>
                    </ng-container>
                    <ng-container *ngIf="item.quesType == 4">
                        <div class="textarea-div">{{item.option?.answerdesc}}</div>
                    </ng-container>
                </div>
            </ion-item>
        </div>
    </ion-list>
</ion-content>
