gpt4 book ai didi

angular2-forms - 控制角 Material 的位置 2 自动完成选项面板

转载 作者:行者123 更新时间:2023-12-03 14:44:35 25 4
gpt4 key购买 nike

我正在尝试 控制角 Material 的位置 2 自动完成选项面板 并将此面板放置在与实际输入的 div 不同的 div 中。

这是我尝试过的:

<div fxLayout="row">
<div fxFlex="50">
<form [formGroup]="formStatus.form">
<div>
<md-input-container>
<input mdInput formControlName="title" placeholder="Titre">
</md-input-container>
</div>
<div>
<md-input-container>
<input mdInput placeholder="Address" [mdAutocomplete]="auto" formControlName="address">
</md-input-container>
</div>
</form>
</div>
<div fxFlex="50" style="background-color: palegreen">
<!-- options panel should appear here in the palegreen div -->
<md-autocomplete #auto="mdAutocomplete" [displayWith]="addressFormatter">
<md-option *ngFor="let address of addresses | async" [value]="address">
{{ address.description }}
</md-option>
</md-autocomplete>
</div>
</div>

但是,选项面板仍然出现在输入的正下方,并且它的位置似乎与输入的位置绑定(bind)......

最佳答案

您可以使用以下代码控制角度 Material 2 自动完成选项面板的位置

::ng-deep .mat-autocomplete-panel{
position: fixed !important;
top:30% !important;
left: 40%;
right: 30%;
border: 3px solid #73AD21;
background-color: palegreen !important;
}

关于angular2-forms - 控制角 Material 的位置 2 自动完成选项面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44606476/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com