angular8禁止输入空格

最新推荐文章于 2022-06-23 16:09:02 发布

清月晨光

最新推荐文章于 2022-06-23 16:09:02 发布

阅读量533

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/ztt_1119/article/details/108171123

版权

angular 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

演示地址：https://zhtt.gitee.io/angular-demo/great-ngform8/#/form/trim

1、安装工具类

npm i great-ngform --save

2、导入去空格的指令

 imports: [
    CommonModule,
    GreatDirectiveModule
  ]

3、html代码如下

<form  class="great-form">
  <div class="great-form-group">
    <label>去除前空格:</label>
    <div class="great-input">
      <input type="text"  class="input" greatTrim="left">
    </div>
  </div>
  <div class="great-form-group">
    <label>去除后空格:</label>
    <div class="great-input">
      <input type="text"  class="input" greatTrim="right">
    </div>
  </div>
  <div class="great-form-group">
    <label>去除前后空格:</label>
    <div class="great-input">
      <input type="text"  class="input" greatTrim="around">
    </div>
  </div>
  <div class="great-form-group">
    <label>去除全部空格:</label>
    <div class="great-input">
      <input type="text"  class="input" greatTrim>
    </div>
  </div>
</form>