使用具有金钱掩码的字段设置动态最大值

Set dynamical max with field that have money-mask

本文关键字:字段 设置 动态 最大值 掩码 金钱      更新时间:2023-09-26

我正在使用角度材质和角度输入掩码来创建我的字段。所以,我有两个这样的字段:

<form name="myForm" layout="row" >
 <md-content layout-padding layout="column" flex="40">
  <md-input-container md-no-float >
   <span>This is first field</span>
   <input name="field1" ng-model="field1"  required type="text" ui-money-mask="0" >  </input>
  </md-input-container>
  <md-input-container md-no-float >
   <span>This is second field</span>
   <input name="field2" ng-model="field2"  required type="text" ui-money-mask="0"></input>
  </md-input-container>
 </md-content>
</form>

这些字段是文本字段,但使用货币掩码,用户只能插入数字。现在我必须在字段 2 中设置最大值。最大值是字段 1 的值。我在第二个字段中有这样的东西:

<md-input-container md-no-float >
    <span>This is second field</span>
    <input name="field2" ng-model="field2" required type="text" ui-money-mask="0" max="{{field1}}"></input>
    <div ng-messages="myForm.field2.$error">
      <div ng-message="max">Field2 cannot be greater than field1</div>
    </div>
  </md-input-container>

这行不通。但是如果我手动设置"max(max="100" )"它可以工作。

有人知道我该如何解决这个问题吗?

在第二个字段中:

<input name="field2" ng-model="field2" required type="text" ui-money-mask="0" max="field1"></input>