如何在AngularJS的HTML中基于ng-modal值设置输入框最大值

嘿，这个需求其实很容易实现，AngularJS提供了好几种方式来动态绑定输入框的max属性，我给你分享最常用的几个方案：

方案1：直接用三元表达式绑定（最简洁） #

你可以直接在输入框的max属性里用插值表达式写判断逻辑，当info.temp的值变化时，最大值会自动更新：

<input type="number" ng-model="yourInputModel" max="{{info.temp === 1 ? 250 : 500}}">

这里的核心是三元表达式info.temp === 1 ? 250 : 500，它会根据info.temp的值返回对应的最大值，AngularJS会自动把这个结果插入到max属性中。

方案2：使用ng-max指令（更符合Angular风格） #

AngularJS专门提供了ng-max指令来处理最大值的动态绑定，不需要用插值，直接绑定表达式即可：

<input type="number" ng-model="yourInputModel" ng-max="info.temp === 1 ? 250 : 500">

这个方案更推荐，因为ng-max是Angular原生支持的指令，绑定逻辑更直接，而且当info.temp变化时，会自动同步更新输入框的最大值限制。

方案3：控制器封装逻辑（适合复杂场景） #

如果以后你的判断逻辑变得更复杂（比如要加更多条件分支），可以把逻辑封装到控制器的方法里，这样维护起来更方便：

首先在控制器里定义方法：

$scope.getInputMax = function() {
  // 这里可以扩展更多判断逻辑
  return $scope.info.temp === 1 ? 250 : 500;
};

然后在HTML里调用这个方法：

<input type="number" ng-model="yourInputModel" ng-max="getInputMax()">

小提示 #

要确保info.temp是数字类型的1或0，如果它是字符串类型（比如后端返回的是"1"），记得把判断条件改成info.temp === '1'，避免判断出错哦~

内容的提问来源于stack exchange，提问作者Naveen