在角度4.0文本框控件中应用验证

Question

我有一个名为numeric textbox的组件我必须应用按钮点击所需的提交时间的验证 这是我的组件。

@Component({
    selector: 'numeric',
    templateUrl: './numeric.template.html'
})

这是我的控制。

<input type="number" id="{{id}}"  [(ngModel)]="NumericVal" min="{{min}}" max="{{max}}" value="NumericVal" />{{NumericVal}}

验证意味着当我点击一个按钮然后css被应用于红色的文本框。 那可以这样做吗？ 我将非常感谢你。

Answer 1

在您的情况下，最简单的是

<input 
  type="number"
  [id]="id"
  [(ngModel)]="NumericVal"
  [class.required]="!NumericVal"
  [min]="min" [max]="max" />

但我会建议使用反应形式。由于您没有使用它们并且没有寻求帮助，我将让您阅读相关文档。