AngularJS表达式验证：限制计算结果不超过100的实现方法

你可以直接利用JavaScript的Math.min()函数来实现这个需求——它会返回传入参数中的最小值，刚好能帮我们把计算结果限制在100以内。修改后的表达式如下：

{{ vm.optins_rate_goal ? Math.min(((vm.optin/vm.optins_rate_goal)*100), 100) : 0 }}

逻辑拆解： #

• 保留你原来的判断逻辑：当vm.optins_rate_goal有效（非空、非0）时才执行计算，否则直接显示0
• 计算部分((vm.optin/vm.optins_rate_goal)*100)和原写法一致，但用Math.min()将其与100做比较：如果计算结果超过100，就返回100；如果小于等于100，就返回计算本身的结果

如果需要考虑数据合法性（比如vm.optin可能是undefined或非数字），可以再加一层判断避免出现NaN：

{{ vm.optins_rate_goal && !isNaN(vm.optin) ? Math.min(((vm.optin/vm.optins_rate_goal)*100), 100) : 0 }}

这样就能确保只有在两个值都是有效数字的情况下才执行计算，避免意外显示异常值。

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