Angular 自定义属性指令-禁止input框输入空格-以及删除复制内容中的空格

创建一个ts文件，并在module.ts中定义

import {Directive, ElementRef, HostListener, Input } from '@angular/core';import {FormGroup, FormControl, NgControl } from '@angular/forms';@Directive({selector: '[input-noSpace]'})export class NoSpace {constructor(private elementRef: ElementRef, private control : NgControl) {}@HostListener("keydown", ["$event"])keydownFun(evt) {if (evt.key.trim() == '') {evt.preventDefault();}}@HostListener("keyup", ["$event", "$event.target"])keyupFun(evt, target) {if (target.value) {this.control.control.setValue(target.value.replace(/(\s*)/g, ""));}}}

然后直接在input框中加入属性input-noSpace就可以使用了

(注意input框要绑定ngmodel)

<input type="test" name="managerNo" id="managerNo" [(ngModel)]="info.managerNo" required#idClass="ngModel" (keyup)="doCode()" maxlength="50" input-noSpace/></td>

参考的博客找不到了，过了好久才想起来总结。