Question

假设我有两个组件 A-Component 和 B-Component 。其中包含一些表单字段。当文本字段为focused时想在其父级中添加css class。我知道可以为文本字段添加焦点事件或使用指令。

<input name="date" type="text" (focus)="focusFunction()" (focusout)="focusOutFunction()">

但是，不是为每个文本字段使用focus event或directive，而是可以为每个组件编写全局，以便它影响所有输入字段。

Answer 1

你可以这样做

 <div class="parentDiv" ng-class="{'classOnFocus': focusClass}">
       <input name="date" type="text" ng-focus="focusClass = true" ng-blur="focusClass = false">
 </div>

你可以在所有领域做类似的事情

Answer 2

您可以在style.css文件中编写css类。style.css文件应用角度应用的全局样式

如何在焦点上以角度为单位向输入字段全局添加类

2 个答案: