表單驗證

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 
} 

通過這樣做，你必須靈活地做其他驗證，並給自己的錯誤消息給用戶。