Angular 角材质碎片占位符向上浮动,而不是附着在末端

Angular 角材质碎片占位符向上浮动,而不是附着在末端,angular,angular-material,angular8,material-components,Angular,Angular Material,Angular8,Material Components,我正在尝试使用角材料芯片。芯片工作正常,但占位符有问题 占位符的预期行为是将占位符附加在芯片列表的末尾 喜欢我得到的占位符行为是 {{sender}} 取消 问题已解决 我使用的是角度材质版本8.2.3,其中占位符浮动在上方,而材质9中的占位符位于列表之后 <mat-form-field class="example-chip-list"> <mat-chip-list #chipList aria-label="Senders lis

我正在尝试使用角材料芯片。芯片工作正常,但占位符有问题

占位符的预期行为是将占位符附加在芯片列表的末尾 喜欢
我得到的占位符行为是


{{sender}}
取消
问题已解决

我使用的是角度材质版本8.2.3,其中占位符浮动在上方,而材质9中的占位符位于列表之后

        <mat-form-field class="example-chip-list">
            <mat-chip-list #chipList aria-label="Senders list">
                <mat-chip *ngFor="let sender of Senders"
                [selectable]="selectable" [removable]="removable" (removed)="remove(sender)">
                {{sender}}
                    <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
                </mat-chip>
                <input placeholder="add sender..."
                        [matChipInputFor]="chipList"
                        [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                        [matChipInputAddOnBlur]="addOnBlur"
                        (matChipInputTokenEnd)="add($event)">
            </mat-chip-list>
        </mat-form-field>