angularjs - IE and FF not validating Html5 select in Angular2 -

i facing issue html5 select element in angular 2.

form button remain disable filled required fields in ie , ff. but, works fine in chrome.

here code.

                <form role="form" (ngsubmit)="onsubmit()" #addaddressform="ngform">                     <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">                         <div class="form-group">                             <label for="">address type*</label>                             <select class="form-control" id="addresstype" [disabled]="isvendormainaddress(model.addresstype) || viewmode" [(ngmodel)]="model.addresstype" ngcontrol="addresstype" #addresstype="ngform" placeholder="select state" required>                                 <option *ngfor="#t of addresstypelist" value="{{t.cboentry}}">{{t.cboentry}}</option>                              </select>                             <div [hidden]="addresstype.valid || addresstype.pristine" class="alert alert-danger">                                 address type required                             </div>                         </div>                     </div>                      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">                         <div class="form-group">                             <label for="">address *</label>                             <input type="text" class="form-control" id="address" [(ngmodel)]="model.line1" [disabled]="viewmode" placeholder="enter address" ngcontrol="line1" #line1="ngform" maxlength="64" required>                             <div [hidden]="line1.valid || line1.pristine" class="alert alert-danger">                                 address required                             </div>                         </div>                     </div>                      <div class="button-container fr mr15">                         <button type="submit" class="btn btn-primary" [disabled]="!addaddressform.form.valid || viewmode">save</button>                         <button type="button" (click)="resetform()" class="btn btn-primary">cancel</button>                     </div>                 </form> 

i observed inspecting select elements browser in chrome, angular adds 'ng-dirty' , 'ng-valid' class after made change on select ff , ie don not add 'ng-dirty' , 'ng-valid' , display 'ng-invalid' class provide valid data.