2016-12-06 3 views
0

フォーム内の2つの数字を比較し、ng-messagesでエラーを表示します。ng-messagesは2つの数字を比較します

私のhtmlコード:

<md-input-container> 
    <label>min</label> 
    <input name="valMin" type="number" ng-model="valMin" /> 
</md-input-container> 
<md-input-container> 
    To 
</md-input-container> 
<md-input-container> 
    <label>max</label> 
    <input name="valMax" type="number" ng-model="valMax" /> 
    <div ng-messages="myForm.valMax.$error" role="alert"> 
     <div ng-message="compare">Max value must be greater than min value.</div> 
    </div> 
</md-input-container> 

は存在しません比較します。

angular ngMessages custom validation ng-message

これは私のカスタム検証を行うには良い方法ですまたはより良い方法があります:私はこの記事を見たことがありますか?

おかげ

+0

どこの比較のためのロジックがありますか? – Jigar7521

+0

私は "比較"はng-メッセージでは存在しないと言った - > https://docs.angularjs.org/api/ngMessages –

答えて

0

は次のように試してみてください。

<div ng-messages="myForm.valMax.$error" role="alert" ng-show="!(valMax > valMin)"> 
    <div ng-message="compare">Max value must be greater than min value.</div> 
</div> 
関連する問題