表格验证

Question

我刚刚开始使用Angular 2，我正在试图弄清楚如何验证表单，以便它不允许输入低于$ .01的任何内容。我尝试了一些不同的东西，但到目前为止，它仍然允许按下提交按钮。谁能指出我正确的方向？

Answer 1

实现此目的的一种方法是使用$ scope.balance绑定0.01输入，将保存按钮与$ scope.save绑定。 例如，您的模板如下所示：

$scope.balance = 0;
$scope.save = function() {
  if ($scope.balance < 0.01) {
    $scope.error = "Please enter some value that is no less than 0.01";
    return; // any invalidate number will not be saved.
  }
  // do your other save operation
}

然后在你的控制器中：

{{1}}

通过这样做，您可以灵活地进行其他验证并向用户提供自己的错误消息。