jquery - 如何在我的 Angular 应用程序中替换 jquery？

Question

我正在构建一个 Angular 应用程序，并使用 jquery 使用 focusin 和 focusout 事件动态更改输入类，如下面的代码所示:

$(".form-input").focusin(function(){
        $(this).addClass("focus");
        $(this).prev().addClass("label-focus");
});
$(".form-input").focusout(function(){
        $(this).removeClass("focus");
        $(this).prev().removeClass("label-focus");
});

我的疑问是:我在 Angular 文档中读到，我不应该将 Angular 与 jquery 一起使用，而应该使用数据绑定(bind)，但我该怎么做？

Answer 1

Pardeep 的答案有效，但您可以使用纯 CSS 来做到这一点。将其添加到您的组件样式中:

.form-input:focus {
    background-color: red;
}