如何重置angular2中的select

时间:2016-10-27 09:36:08

标签: html angular

我的表单中有两个选择列表(select1和select2),select2取决于select2选择,当select2中的select1选择更改选项必须更改此工作正常但我的问题是更改时不返回默认选项,它给出了最后一个select2选择的最后一个索引, 我想要更改select2选项更改和所选选项的索引返回0或默认选项 我正在使用ng-model来处理angular2中的select

这是我的HTML代码:

<td *ngIf="classificationCheck"><select name="classification_type" [(ngModel)]="message.classification_type" 
                    class="form-control" [disabled]="isReply||isForward">
                            <option value="" disabled default>تصنيف موضوعي</option>
                            <option *ngFor= "let subType of classificationTypes">{{subType}}</option>
                    </select></td>

和select1的onChange函数更新select2选项:

classificationChange( event ){

    if("غير محدد"==event){
        this.classificationCheck=false;
        this.message.classification_type=null;
    }
    else{
        for(let classtype of this.classifications){

            if(classtype.gen==event){
                if(classtype.name)
                    {
                        this.classificationTypes=[];
                        this.classificationCheck=true;

                        for(let subType of classtype.name){
                            this.classificationTypes.push(subType);
                        }
                    }
            }

        }
    }

}

1 个答案:

答案 0 :(得分:0)

在您的选择中添加*ngIf。将其设置为true。如果要重置,请将其设置为false,然后很快恢复为true。

这是RC4中的官方方法,直到提供适当的方法。

如果ng2的最终版本中现在有新的方法,我不知道。