Skip to content
create.html 2.24 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>

  <ion-navbar>
wangqinghua's avatar
wangqinghua committed
    <ion-title *ngIf="qType == 1">判断题</ion-title>
    <ion-title *ngIf="qType == 2">单选题</ion-title>
    <ion-title *ngIf="qType == 3">多选题</ion-title>
    <ion-title *ngIf="qType == 4">问答题</ion-title>
wangqinghua's avatar
wangqinghua committed
  </ion-navbar>

</ion-header>


wangqinghua's avatar
wangqinghua committed
<ion-content>
  <ion-list>
    <ion-item>
      <ion-label color="primary" stacked><span class="color-red">*</span>标题</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-input type="text" [(ngModel)]="titile" placeholder="请输入标题"></ion-input>
wangqinghua's avatar
wangqinghua committed
    </ion-item>
    <div class="create-content"  *ngIf="qType != 4 && qType != 1">
      <p>选项</p>
wangqinghua's avatar
wangqinghua committed
      <ion-item *ngFor="let item of quesDescList;let i = index;">
wangqinghua's avatar
wangqinghua committed
        <span (click)="removeOption(i)"  class="color-red">-</span>
wangqinghua's avatar
wangqinghua committed
        <input type="text" [(ngModel)]="item.option_title" placeholder="请输入选项">
wangqinghua's avatar
wangqinghua committed
        <ion-icon float-right ios="ios-more" md="md-more"></ion-icon>
      </ion-item>
      <p (click)="addOption()"><span>+</span>添加选项</p>
    </div>
    <div class="create-set">
      <p>设置</p>
      <!--问答题-->
      <ng-container *ngIf="qType == 4">
        <ion-item>
          <ion-label>字数限制</ion-label>
          <ion-select [(ngModel)]="set.more">
            <ion-option value="1">1</ion-option>
            <ion-option value="2">2</ion-option>
            <ion-option value="3">3</ion-option>
          </ion-select>
        </ion-item>
      </ng-container>

      <ion-item>
        <ion-label color="primary">必须回答</ion-label>
        <ion-toggle  checked="false"></ion-toggle>
      </ion-item>

      <!--多选题-->
      <ng-container *ngIf="qType == 3">
        <ion-item>
          <ion-label>最少选择</ion-label>
          <ion-select [(ngModel)]="lastchange">
            <ion-option value="1">1</ion-option>
          </ion-select>
        </ion-item>
        <ion-item>
          <ion-label>最多选择</ion-label>
          <ion-select [(ngModel)]="morechange">
            <ion-option value="1">1</ion-option>
            <ion-option value="2">2</ion-option>
            <ion-option value="3">3</ion-option>
          </ion-select>
        </ion-item>
      </ng-container>
    </div>
  </ion-list>

  <button class="submit-btn submit" (click)="submit()">确认</button>
wangqinghua's avatar
wangqinghua committed
</ion-content>