2
您好我有一个问题 - 离子2离子3 - 离子的复选框内ngfor并用条件,如ngIf或ngSwitch不工作离子2离子3 - 内部ngIf或ngSwitch离子复选框不工作
我贴我的代码在网上有工作和不工作的版本..
工作
<ion-list>
<ion-item *ngFor=" let answer of question.Answers">
<ion-label>{{answer.Description}}</ion-label>
<ion-checkbox (change)="change($event, answer)"></ion-checkbox>
</ion-item>
</ion-list>
<ion-list>
<ion-item *ngFor="let answer of question.Answers">
<ng-container *ngIf="QuestionType.MutipleChoice==question.QuestionType_Id">
<ion-label>{{answer.Description}}</ion-label>
<ion-checkbox (change)="change($event, answer)"></ion-checkbox>
</ng-container>
</ion-item>
</ion-list>
不灵2
<ion-list>
<ion-item *ngFor=" let answer of question.Answers">
<ng-container [ngSwitch]="question.QuestionType_Id">
<ng-container *ngSwitchCase="QuestionType.MutipleChoice">
<ion-label>{{answer.Description}}</ion-label>
<ion-checkbox (change)="change($event, answer)"></ion-checkbox>
</ng-container>
</ng-container>
</ion-item>
</ion-list>
这一个是工作,但只有等到我想要进入里面的复选框... 使用模板试过,跨度标签而不是NG-容器...等...
<ion-list>
<ion-item>
<div *ngFor="let answer of question.Answers">
<div [ngSwitch]="question.QuestionType_Id">
<span *ngSwitchCase="QuestionType.YesNo">
<span *ngIf="answer.Description=='Yes'" style=" display: inline-block;">
<button ion-fab right><ion-icon name="checkmark"></ion-icon></button>
</span>
<span *ngIf="answer.Description=='No'" style=" display: inline-block;">
<button ion-fab color="danger" left><ion-icon name="close"></ion-icon></button>
</span>
</span>
<ng-container *ngSwitchCase="QuestionType.OneChoise">
{{ answer.Description }}
</ng-container>
<ng-container *ngSwitchCase="QuestionType.MutipleChoice">
{{ answer.Description }}
<!-- <ion-label>{{ answer.Description }}</ion-label> -->
<!-- <ion-checkbox color="dark" checked="answer.checked" [(ngModel)]="answer.checked"></ion-checkbox>
-->
</ng-container>
</div>
</div>
</ion-item>
</ion-list>
的ngSwitch适用于其他类型LIK电子 - 是的,或者一个选择,但添加离子复选框时不在这里。 json也在工作,这意味着没有复选框或没有开关,我可以看到多个选项。
任何想法,我可以解决这个问题?我错过了什么? Puling现在听到一天...
有没有人解决它?
我玩过它,它确实解决了它。 –