Question

是否可以使用Primeng在angular6 +组件中进行验证-模板驱动，没有表单和表单组？

Answer 1

最后，我找到了正确的方法：

设置触发以显示错误：

animations: [
    trigger('errorState', [
      state('hidden', style({
        opacity: 0
      })),
      state('visible', style({
        opacity: 1
      })),
      transition('visible => hidden', animate('400ms ease-in')),
      transition('hidden => visible', animate('400ms ease-out'))
    ])
  ],

通过pKeyFilter检查验证

<input id="myInput" name="myInput" type="text" pInputText [(ngModel)]="model.value"
                       pKeyFilter="num" [pValidateOnly]="true" [pKeyFilter]="myFilter">

，错误消息将显示在这里：

<div class="alert alert-danger"
           [@errorState]="form.dirty && !form.valid ? 'visible' : 'hidden'">
        input is invalid
      </div>

Angular中模板驱动的输入验证

1 个答案: