更改AngularJS数字输入范围

时间:2018-03-30 22:14:22

标签: angularjs ionic-v1

我有一个非常简单的问题。我目前正在尝试更改标签中允许的输入,具体取决于我当前所在标签的ID。

这是一个使用离子1和角度的酒店预订应用程序。 假设我在ID为“1”的酒店房间,然后我想将最大输入设置为2.但如果我在酒店房间的ID为“2”,我想将最大值设置为5。 它可以仅在标签标签内完成吗?

<label class="item item-input">
  <input type="number" name="adults" required 
placeholder="Antal vuxna" ng-model="data.people">
</label>

作为示例显示的答案非常感谢:) 提前谢谢!

1 个答案:

答案 0 :(得分:3)

使用 max 属性和插值:< / p>&#xA;&#xA;

 &lt; input type =“number”name =“adults”max =“{{maxPeople}}”required&#xA; placeholder =“Antal vuxna”ng-model =“data.people”/&gt;&#xA;  
&#xA;&#xA;

ng-max < / code>属性与表达式

&#xA;&#xA;
 &lt; input type =“number”name =“adults”ng-max =“maxPeople”required&#xA; placeholder =“Antal vuxna”ng-model =“data.people”/&gt;&#xA;  
&#xA;&#xA;

JS

&#xA; &#xA;
  $ scope.maxPeople = 2;&#xA; if(hotelroom.ID == 2){&#xA; $ scope.maxPeople = 5;&#xA;};&#xA;  
&#xA;&#xA;

有关详细信息,请参阅 AngularJS &lt; input type = number Directive API Reference

&#XA;