Question

如何仅在活动文本框中显示旋转轮？

我使用angular 5，这是我的代码我有N个文本框

＆＃13;

<div class="input-group-addon" style="background-color: #fff !important" *ngIf="searching "><span><i class="fa fa-spinner fa-spin"></i></span></div>

＆＃13;

show Picture

Answer 1

你需要为每个带有微调器的输入创建自己的变量。对于每个输入最简单的方法是使用上下文字段boolean和搜索＆＃39;谁将负责他的微调器。如果这不是您的方式，您可以通过html中的方法（模糊）（焦点）从每个输入焦点状态获取，但我认为这是错误的方式。

Answer 2

要跟踪哪个表单控件是“搜索”，您可以拥有一个对象数组，每个对象包含FormControl和一些布尔值以跟踪搜索状态

export interface SearchControl {
    control: FormControl;
    searching: Boolean;
}

要显示微调器，要么创建一个组件来包装此控件，并在微调器上使用ngIf，或者使用ngClass并使用CSS显示微调器。