表单验证

Question

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

Answer 1

实现此目的的一种方法是将0.01输入与$ scope.balance绑定，并将保存按钮绑定到$ scope.save。 例如您的模板是这样的：

<div> 
    <md-input-container> 
    <label>Balance</label> 
    <input ng-model="balance" type="number" required> 
    </md-input-container> 
    <div style="color:red">{{error}}</div> 
    <md-button ng-click="answer()>Save</md-button> 
</div> 

然后在你的控制器：

$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 
} 

通过这样做，你必须灵活地做其他验证，并给自己的错误消息给用户。