angularjs - 更改 AngularJS 数字输入范围

Question

我有一个非常简单的问题要问你。我目前正在尝试根据我当前所在的选项卡的 ID 更改标签中允许的输入。

这是一个使用 ionic 1 和 angular 的酒店预订应用程序。假设我在 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>

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

score 3 · Accepted Answer

Use either, the max attribute with interpolation:

<input type="number" name="adults" max="{{maxPeople}}" required 
       placeholder="Antal vuxna" ng-model="data.people" />

OR the ng-max attribute with an expression:

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

JS

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

1 回答 1