javascript - 如何根据 AngularJS 中不同的组合框值设置输入字段的最大长度？

Question

我有一个接受信用卡信息的付款表格。 CVV 字段设置为仅接受最多 4 个数字字符。 AngularJS 有没有办法根据不同组合框中选择的卡片类型将 maxlength 更改为 3 或 4？

谢谢!

 <div class="form-group">
    <div class="row">
        <div class="col-md-4">
            <label for="cvv">CVV <span style="color:red;">*</span></label>
        </div>
        <div class="col-md-4">
            <input type="text" class="form-control" name="cvv" id="cvv" numbers-only="numbers-only" maxlength="4" ng-model="paymentForm.CVV" required />
        </div>
    </div>
 </div>

 <div class="form-group">
    <div class="row">
        <div class="col-md-4">
            <label for="cardType">Card Type</label>
        </div>
        <div class="col-md-4">
            <select id="cardType" class="form-control" ng-options="opt for opt in cardTypes" ng-model="paymentForm.CardType"></select>
        </div>
        <div class="col-md-4">
            <img ng-src="~/images/credit-card-logos.png" class="logosImage" />
        </div>
    </div>
 </div>

Answer 1

使用ng-maxlength。例如。 ng-maxlength="paymentForm.CardType == 1 ? 3 : 4"