角材料芯片占位符浮动而不是在末端附着

Posted 2023-02-22

【中文标题】角材料芯片占位符浮动而不是在末端附着

【英文标题】：angular material chips placeholder float up instead of getting attached at the end

【发布时间】：2020-06-02 03:13:32

【问题描述】：

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

我对占位符的预期行为是占位符附加在筹码​​列表的末尾 喜欢expected。 我得到的占位符行为是placeholder floating above list。

        <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>

【参考方案1】：

问题已解决，

我正在使用 Angular 材质版本 8.2.3，其中占位符浮动在上方，而在材质 9 中它位于列表之后。