使用具有money-mask的字段设置动态max

时间:2016-01-18 13:36:08

标签: javascript angularjs

我正在使用angular Materialangular input mask创建我的字段。 所以,我有两个这样的字段:

<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>

这些字段是文本字段,但使用money-mask,用户只能插入数字。 现在我必须在字段2中设置最大值。最大值是field1的值。 我在第二个领域有类似的东西:

<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>

这不起作用。 但是如果我手动设置&#34; max(max="100")就可以了。

任何人都知道如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

在第二个领域:

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