javascript - 设置输入最大值时出现插值错误

Question

这里的问题是输入内部的 max="{{vm.maxAgriWomenBudget(year)}}" 显示此错误错误:[$interpolate:interr] 不能interpolate: {{vm.maxAgriWomenBudget(year)}} TypeError: Cannot read property '2016' of undefined 2016 是 vm.maxAgriWomenBudget(year) 中的(年份)参数，它得到一个包含年份(键)及其值(应该是输入中的最大值)的对象，如果未定义年份，则返回 0。

vm.argiterraYearlyLocalCost = {}; // intialised at the top in controller
function maxAgriWomenBudget (year) {
        return angular.isDefined(vm.argiterraYearlyLocalCost[year]) ? vm.argiterraYearlyLocalCost[year]:0;
    }

一开始vm.yearlyLocalCost[year]是空对象，但当我添加东西时，该对象就会填满。所以我做了一个函数来检查 vm.yearlyLocalCost[year] 是否未定义然后返回 0。

<md-input-container flex>
                          <label translate>PROJECT.WIZARD.BUDGET.WOMEN_BUDGET_ARGITERRA</label>
                          <input name="genderBudgetAgriWomenBudgetYearly_{{year}}"
                                 ng-model="genderBudget.agriWomenBudgetYearly"
                                 placeholder="Budget spent on women reached of yearly cost contributed by Agriterra "
                                 ng-click="vm.showExplanation('ADVISE_BUDGET_AMOUNT')"
                                 ain-numbers-only
                                 max="{{(vm.yearlyLocalCost[year] || 0)}}"
                                 type="text">

 </md-input-container>

Answer 1

您在顶部初始化 vm.argiterraYearlyLocalCost，但随后在下面的函数中引用 vm.yearlyLocalCost。在两个地方使用相同的标识符，该错误就会消失。该错误是因为 yearlyLocalCost 不是 vm 的属性。