角度2+-在多个焦点输入元素上设置类或样式

Question

当输入焦点时，我去设置了更多输入元素的类或样式。

例如，如果仅输入元素：

<span [ngClass]=["control"? "classA":"classB"]>
    <input type="text" (foucs)="control=true" [ngClass]=["control"? "classC":"classD"]>
</span>

当输入元素更多时，需要更多control参数：

<span [ngClass]=["control_1"? "classA":"classB"]>
    <input type="text" (foucs)="control=true" [ngClass]=["control_1"? "classC":"classD"]>
</span>
<span [ngClass]=["control_2"? "classA":"classB"]>
    <input type="text" (foucs)="control=true" [ngClass]=["control_2"? "classC":"classD"]>
</span>
.
.
.

可以执行任何操作，这是用于更多输入元素的参数，例如(focus)返回this元素时。

Answer 1

因此，要完全按照您的要求进行操作，请执行以下操作：

<span [ngClass]="{ 'classA': control, 'classB': !control }">
    <input type="text" (focus)="control=true" (blur)="control=false" [ngClass]="{ 'classC': control, 'classD': !control }">
</span>

请特别注意如何插入类属性（引号与无引号）

此外，您在拼写和常规使用指令方面也犯了很多错误。您很可能需要访问文档。