Angularjs使用外部变量验证字段更改时的表单

时间:2014-05-20 11:40:47

标签: javascript angularjs validation angularjs-directive

我正在撰写form用户可以添加多个信用卡信息,类似于此信息:

<form name="newCard">
    <label for="surname">Card number: </label> 
    <input type="text" ng-model="formCard.code" required name="code" />

    <label for="surname">CVV: </label> 
    <input type="text" ng-model="formCard.cvv" required name="cvv" />

    <input type="button" value="Add Card" />
    <input type="button" value="Save" />
</form>

&#34;添加卡&#34; button将经过验证的当前卡数据添加到控制器中的js数组中。

我希望&#34; Save&#34;除非填充此数组,否则将button禁用。如何在Angular中使用自定义验证来实现此目的?

1 个答案:

答案 0 :(得分:1)

将数组绑定到范围。然后:

<input type="button" value="Add Card" ng-disabled="!yourJsArray.length" />