Question

有人可以向我解释为什么我的ngIf在出现模式错误时应该激活时为什么不能工作吗？

const requireFunc = true ? require : require;
const foo = requireFunc(moduleName);

Answer 1

使用'myForm'对象显示错误消息。我已经更改了代码ngIf条件。请参见stackblitz

上的工作示例

这是已更改的代码。

  <div>
  <form #myForm="ngForm">
  <h1>Angular Calculator</h1>

  <h4>Sum:</h4>
  <input [(ngModel)]='add1' type="text" id="add1" name="add1" size="5" pattern="^(0-9)*(/.(0-9)+)?$"   required/> + <input [(ngModel)]='add2' type="text" name="add2"  size="5" pattern="^(0-9)*(/.(0-9)+)?$" required>

  <p *ngIf="myForm.controls.add1?.errors?.pattern">
      Only numeric characters allowed</p>
  <p *ngIf="myForm.controls.add2?.errors?.pattern">
      Only numeric characters allowed</p>
  &nbsp;
  <button (click)='CalcAdd()'>
    =
  </button>
  </form>
  </div>

角输入模式验证不起作用

1 个答案: