創(chuàng)建一個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>

參考的博客找不到了，過了好久才想起來總結(jié)。

總結(jié)

以上是生活随笔為你收集整理的Angular 自定义属性指令-禁止input框输入空格-以及删除复制内容中的空格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。