Angular 角材料标签赢得';使用AOT构建时不浮动

Angular 角材料标签赢得';使用AOT构建时不浮动,angular,angular8,angular-cli-v8,angular-material-8,Angular,Angular8,Angular Cli V8,Angular Material 8,我已经搜索了一段时间,看看是否有其他人遇到了这个错误,但没有结果。我最近将我的网站升级到Angular 8,并开始使用Angular CLI而不是webpack。最后,我运行了一个带有--aot标志的产品构建,发现了一些奇怪的行为,角材质标签不像往常那样浮动。我的浏览器中也没有任何控制台错误 ` {{label | |'User'}} 搜索 人 使用用户ID、名称或电子邮件地址进行搜索 角色类 {{rc | titleCase}} 角度CLI:8.3.20 节点:12.13.1 操作系统:w

我已经搜索了一段时间,看看是否有其他人遇到了这个错误,但没有结果。我最近将我的网站升级到Angular 8,并开始使用Angular CLI而不是webpack。最后,我运行了一个带有--aot标志的产品构建,发现了一些奇怪的行为,角材质标签不像往常那样浮动。我的浏览器中也没有任何控制台错误

`


{{label | |'User'}}
搜索
人
使用用户ID、名称或电子邮件地址进行搜索
角色类
{{rc | titleCase}}
角度CLI:8.3.20
节点:12.13.1
操作系统:win32 x64
角度:8.2.14
... 动画、通用、编译器、编译器cli、核心、表单
... 语言服务、平台浏览器、平台浏览器动态
... 路由器
软件包版本
-----------------------------------------------------------
@角度devkit/architect 0.803.10
@角度开发套件/构建角度0.803.10
@角度开发工具包/构建优化器0.803.10
@角度开发套件/构建网页包0.803.10
@角度devkit/core 8.3.10
@角度devkit/示意图8.3.20
@角度/cdk 8.2.3
@angular/cli 8.3.20
@角度/材料8.2.3
@ngtools/webpack 8.3.10
@示意图/角度8.3.20
@示意图/更新0.803.20
rxjs 6.5.3
打字稿3.5.3
网页4.41.1

我最终解决了自己的问题,将build->options->extractCss的angular.json文件设置更改为false

在看到这个解决了这个问题之后,我对这个特定的标志做了更多的研究,发现Angular CLI的问题已经存在了很长一段时间,记录在这里->

<mat-form-field appearance="outline" floatLabel="always">
    <mat-label>{{ label || 'User' }}</mat-label>
    <input matInput spellcheck="false" [formControl]="userInputControl">
    <mat-icon matPrefix style="cursor: pointer; margin-right: 10px;">search</mat-icon>
    <mat-icon matSuffix style="cursor: pointer;" (click)="updateUserListSettings()">person</mat-icon>
    <mat-hint>Search using User ID, Name, or Email Address</mat-hint>
</mat-form-field>
<mat-form-field class="te-form-225" appearance="outline">
    <mat-label>Role Class</mat-label>
    <mat-select [(ngModel)]="filterRoleClass" (selectionChange)="filterRoles()">
        <mat-option *ngFor="let rc of roleClasses" [value]="rc">{{ rc | titleCase }}</mat-option>
    </mat-select>
</mat-form-field>

Angular CLI: 8.3.20
Node: 12.13.1
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.10
@angular-devkit/build-angular     0.803.10
@angular-devkit/build-optimizer   0.803.10
@angular-devkit/build-webpack     0.803.10
@angular-devkit/core              8.3.10
@angular-devkit/schematics        8.3.20
@angular/cdk                      8.2.3
@angular/cli                      8.3.20
@angular/material                 8.2.3
@ngtools/webpack                  8.3.10
@schematics/angular               8.3.20
@schematics/update                0.803.20
rxjs                              6.5.3
typescript                        3.5.3
webpack                           4.41.1