角2化妝形式無效

Question

我有以下示例代碼：

component.html

<form onsubmit="" #VoucherForm="ngForm"> 
    <input type="text" name="field1" [(ngModel)]="rule['condition']" 
    (ngModelChange)="validateJMES($event)">  
<form> 

component.ts

validateJMES(value){ 
    try { 
    this.jmespath.search({ }, value); 
    } catch (e) { 
    // Code that makes Form invalid 
    } 
} 

所以basicly我檢查輸入在文本字段上是有效的json表達式。 如果我發現錯誤，我想使表單無效。

有沒有辦法做到這一點？

Answer 1

是的，你可以實現它，但它是在模板驅動，這是很多努力，因爲你在這裏使用。

只是你如何實現它的要點。

使用viewchild獲取表單的模板引用。獲取ngForm輸入的表單控件，然後設置setErrors。 LINK。

有些事情是這樣的，但它只是爲了輸入你可以做整個表單。

<input #model="ngModel" [ngModel]="value"> 
<button (click)="model.control.setErrors({})">Invalidate</button>