嗨,我有一个问题 - 离子2离子3 - 离子复选框内ngfor和条件,如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>
不工作1
<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>
这个工作正在工作,但直到我试图进入内部的复选框...尝试使用模板,span标签而不是ng-container ...等...
<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适用于其他类型,例如 - 是否,或一个选项,但在添加离子复选框时不在此处 . json也在工作,意思是没有复选框或没有开关我可以看到多个选项 .
我有什么想法可以解决这个问题吗?我错过了什么?普灵现在听了一天......
有人解决了吗?
1 回答
我认为这将解决这个问题 .
http://plnkr.co/edit/yV94ZjypwBgHAlb0RLK2?p=preview现在试试吧 .