我希望将以下jQuery代码转换成Angular 4。
jQuery代码在应用程序中的所有文本框上都可以正常工作,但希望在Angular中为所有input-text控件执行相同的操作。
困难在于
- 在Angular 4中编写通用事件监听器。
- 在Angular 4中操纵或遍历父级或同级元素。
提前感谢您。
$(document).on('focus ', ".mask-text input[type='text'], .mask-text input[type='password']", function (e) {
$(this).parents(".mask-text").addClass("focused");
});
$(document).on('blur ', ".mask-text input[type='text'], .mask-text input[type='password'] ", function (e) {
if ($(this).val() == undefined) {
$(this).parents(".mask-text").removeClass("focused");
}
});
.mask-text
的元素。然后,您可以操纵该元素及其子元素。 - Yordan Nikolov