angular - 如果在 IE 11 上，输入字段会延迟绘制

Question

我在 IE11 上遇到了最奇怪的问题。适用于其他探险家。

输入只是不会立即绘制。它们消失并随机出现。就像 IE 需要很长时间才能绘制它们或其他东西。

我关注了https://docs.angularjs.org/guide/ie但它仍然无法正常工作。

angular/cli: 1.0.6 node: 6.10.1 os: win32 x64 angular/common: 4.2.2 angular/compiler: 4.2.2 angular/compiler-cli: 4.2.2 angular/core: 4.2.2 angular/forms: 4.2.2 角度/http：4.2.2 角度/平台浏览器：4.2.2 角度/平台浏览器动态：4.2.2 角度/路由器：4.2.2 角度/cli：1.0.6

这是我的主要代码，其中的输入延迟绘制（如果有的话）：

  <div *ngFor="let question of stage.questions" class="col-lg-10 col-md-10 col-sm-12 col-xs-12 section-padding"
        [class.fadeIn]="stage.discount == discountStage" [class.fadeOut]="stage.discount != discountStage" [class.none]="stage.none">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding:0px">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="padding:0px;font-weight:bold;min-height:50px;">
                    <div style="padding-top:10px;"><span>{{question.content}}</span> <span *ngIf="question.required" title="שדה חובה">*</span>
                    </div>
                </div>

            <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12" style="padding:0px;min-height:50px;">
              <div *ngIf="!question.multiAnswers && (question.type == 'input' || question.type == 'email') && stage.index == getCurrentStage()"
                        >
                      <input [id]="'calcq' + question.id" ng-attr-type="text" class="form-control" ng-attr-value="getText(question)"
                                (keyup)="handleKeyUp(question, $event);" (blur)="handleBlur(question, $event)" [class.disabled]="isDisabled(question)"
                             ng-attr-placeholder="getPlaceholder(question)" aria-describedby="basic-addon1">
                        <i class="fa fa-remove error-point" [class.none]="!question.requiredError" data-toggle="tooltip" data-placement="top" [title]="getRequiredText(question)"></i>
                        <i class="fa fa-remove error-point" *ngIf="question.accept == 'number'" [class.none]="!question.acceptError" data-toggle="tooltip" data-placement="top" title="יש להזין מספר בלבד"></i>
                        <i class="fa fa-remove error-point" *ngIf="question.accept == 'decimal'" [class.none]="!question.acceptError" data-toggle="tooltip" data-placement="top" title="יש להזין מספר בלבד"></i>
                        <i class="fa fa-remove error-point" *ngIf="question.accept == 'alpha'" [class.none]="!question.acceptError" data-toggle="tooltip" data-placement="top" title="יש להזין אותיות בלבד"></i>
                        <i class="fa fa-remove error-point" *ngIf="question.id == '1.0'" [class.none]="!question.emailError" data-toggle="tooltip" data-placement="top" title="יש להזין כתובת אימייל תקינה"></i>
                        <span>{{getText(question)}}</span>
                    </div>
                </div>
            </div>
        </div>

标签： angular