角度模板类绑定不一致

时间:2019-02-05 21:20:49

标签: angular angular-material2

在使用@angular/material@7.3.0包时,我在Angular模板类绑定中遇到了不一致的情况。

我尝试在一个较小的示例中重现它,但是它可以正常工作。不幸的是,与此错误相关的整个代码库太大。

现在,要重点: 我使用了mat-horizontal-steppermat-step组件。我定义的所有mat-step节点都显示为mat-step-header节点。 mat-step-header由三个div组成:波纹,图标和标签。 其模板在此处定义:https://github.com/angular/material2/blob/7.3.0/src/lib/stepper/step-header.html

<div class="mat-step-header-ripple" mat-ripple [matRippleTrigger]="_getHostElement()"></div>
<div class="mat-step-icon-state-{{state}} mat-step-icon" [class.mat-step-icon-selected]="selected">
  ...
</div>
<div class="mat-step-label"
     [class.mat-step-label-active]="active"
     [class.mat-step-label-selected]="selected"
     [class.mat-step-label-error]="state == 'error'">
    ...
</div>

所选步骤将selected个输入变量设置为true并将其值绑定到mat-step-icon-selectedmat-step-label-selected类。 在我的应用程序中,selected变量正确地将mat-step-label-selected类添加到标签div上,但没有添加到图标div上。如您所见,selected变量的值甚至反映在mat-step-header中:

ng-reflect-selected="true"

DevTools screenshot

我已经将其调试为checkAndUpdateViewcheckAndUpdateNode方法。要分配给图标节点的类的字符串以givenValues变量的形式给出,它只是不包含mat-step-icon-selected类。

您知道如何找到此错误吗?我应该去哪里看看?

0 个答案:

没有答案