当未更改选择但另一个功能将其重置时,在ionChange上级联选择将触发(选择)

时间:2018-10-06 16:56:12

标签: angularjs ionic-framework ionic3

更改时存在问题,例如,如果我加载页面都处于默认状态,然后更改第一个选择,则启用第二个并重置它

还是没问题

但是当我改变第二个并回到第一个并更改其值时,问题就出现了 返回拳头更改其值函数会同时重置第二个秒针

typeChange(type:string)
{ 
    this.classControl.reset();
    this.classControl.enable();
}


classChange(classs:Class)
{  

    this.sectionControl.reset();
    this.sectionControl.enable();
}

sectionChange(classs:Section)
{ 


}

HTML

<ion-grid>
            <ion-row>
                <ion-col col-12 col-sm>
                    <ion-list>
                        <ion-item>
                            <ion-label>Class Type</ion-label>
                            <ion-select formControlName="type"  (ionChange)="typeChange($event)">
                                <ion-option value="class">Theory</ion-option>
                                <ion-option value="lab">Lab</ion-option>
                            </ion-select>
                        </ion-item>
                    </ion-list>
                </ion-col>
                <ion-col col-12 col-sm>
                    <ion-list>
                        <ion-item>
                            <ion-label>Select Class </ion-label>
                            <ion-select formControlName="class" (ionChange)="classChange($event)" >

                                <ion-option *ngFor="let class of class" [value]="class.id">{{class.name}}</ion-option>
                            </ion-select>
                        </ion-item>
                    </ion-list>
                </ion-col>
                <ion-col  col-12 col-sm>
                    <ion-list>
                        <ion-item>
                            <ion-label>Select Section </ion-label>
                            <ion-select formControlName="section" (ionChange)="sectionChange($event)" >

                                <ion-option *ngFor="let section of section" [value]="section.id">{{section.name}}</ion-option>
                            </ion-select>
                        </ion-item>
                    </ion-list>
                </ion-col>

            </ion-row>
        </ion-grid>

0 个答案:

没有答案