[Angular]实现Trim指令

最新推荐文章于 2023-05-15 13:43:00 发布

爱笑的宝宝张

最新推荐文章于 2023-05-15 13:43:00 发布

阅读量1.4k

点赞数 2

分类专栏： Angular

本文链接：https://blog.csdn.net/weixin_37212071/article/details/98641185

版权

Angular 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

import { Directive, HostListener, ElementRef } from '@angular/core';
import { NgControl } from '@angular/forms';

@Directive({
  selector: '[trim]'
})
export class TrimDirective {
  constructor(private elementRef: ElementRef, private control?: NgControl) { }

  @HostListener('blur', ['$event.target'])
  onBlur(event) {
    console.log("==========trim操作==========");
    if (event.value) {
      if (this.control) {
        this.control.control.patchValue(this.control.value.trim());
        this.control.control.updateValueAndValidity();
      }
      else {
        this.elementRef.nativeElement.value = event.value.trim();
      }
    }
  }
}