检查值是否大于或小于用户使用Angularjs

Question

我有一个输入字段，用户必须输入一个在数据库中提取的数量范围内的值。用户输入的输入字段值必须满足从数据库返回的最小值，最大值或默认值。因此，如果从数据库返回的最小值是 4500.25 ，那么用户的输入如果低于该最小量，则应显示错误消息（类似于ng-messages）。

查看

的 HTML

<div class="form-group">
    <label>Loan Amount</label>
    <div class="input-group">
        <input blur-to-currency type="text" class="form-control" name="loan_amount" ng-model="loan.loan_amount" ng-pattern="/(^(1{0,1}|([1-9][0-9]*))(\.[0-9]{1,4})?$)/" min="{{productDetails.minimum_amt}}" required>
            <span class="input-group-addon">JMD</span>
                                </div>
            <span class="tiny">Min: {{productDetails.minimum_amt | currency}}</span>&nbsp;
            <span class="tiny">Max: {{productDetails.maximum_amt | currency}}</span>&nbsp;
            <span class="tiny">Default: {{productDetails.default_amt | currency}}</span>&nbsp;

            <div ng-messages="newLoanForm.loan_amount.$error" ng-if="newLoanForm.loan_amount.$dirty">
                <div ng-message="required">
                    <span class="error-msgs">Please enter a loan amount</span>
                </div>

                <div ng-message="pattern">
                    <span class="error-msgs">Loan amount must be a numerical value</span>
                </div>
    </div>
</div>

对象文字

在上面的html中，我尝试使用 min ，但这不起作用， ng-minlength 也不起作用。有人可以协助我创建一个指令或其他可以帮助我实现目标的东西。提前谢谢。

Answer 1

我认为min应该可以正常工作但你的输入类型应该是number 尝试以下

<input blur-to-currency type="number" class="form-control" name="loan_amount" ng-model="loan.loan_amount" ng-pattern="/(^(1{0,1}|([1-9][0-9]*))(\.[0-9]{1,4})?$)/" min="{{productDetails.minimum_amt}}" required>

同时检查羽毛球http://plnkr.co/edit/HTBFNCLf0a6RXOzaABVU?p=preview