无法在算术计算后设置ng模型中的值

问题描述:

我正在创建一个过滤器,用户可以根据参数为他周围的属性选择一个位置&将选择多个东西&基于此我正在执行算术计算以找到最小值预算&最高预算,但是当我根据状态参数&滤波器参数试图把价值(算术运算后IE)。我无法达到设定值时,那么任何人都可以让我知道我得到wrong.I我在我的控制台得到适当的值无法在算术计算后设置ng模型中的值

我的代码如下:

代码在我的控制器JS:

var minimumBudget = $stateParams.locationMinBudget * $stateParams.propertyDetails; 
var maximumBudget = $stateParams.locationMaxBudget * $stateParams.propertyDetails; 

console.log("Min Budget :%O", minimumBudget); 
console.log("Max Budget :%O", maximumBudget); 
$scope.minBudget = minimumBudget; 
$scope.maxBudget = maximumBudget; 

HTML:

<div class="form-group"> 
         <select id="minBudget" class="form-control" ng-model="minBudget" required="required"> 
          <option value="">Min Budget</option> 
          <option ng-repeat="minBudgetObject in minBudgetList" value="{{minBudgetObject.price}}" >&#8377; {{minBudgetObject.description}}</option> 
         </select> 
</div> 
<div class="form-group">        
         <select id="maxBudget" class="form-control" ng-model="maxBudget" required="required"> 
          <option value="">Max Budget</option> 
          <option ng-repeat="maxBudgetObject in maxBudgetList" value="{{maxBudgetObject.price}}" >&#8377; {{maxBudgetObject.description}}</option> 
         </select> 
</div> 

所以,当我做同样的事情的其他方式,而不算术计算,这个东西效果很好。但是这里没有得到什么错误。

任何帮助表示赞赏。

+0

$ scope.minBudget应该是一个数组。有 – user93

+0

@ user93我没有得到任何错误显示任何错误,我做了同样的事情,而不算术计算,然后这个东西效果很好,所以$ scope.minBudget可以是一个值。 –

+0

请添加'maxBudgetList'&'minBudgetList'或创建一个小提琴。 – lin

默认$ stateParams.propertyDetails是字符串时,你就NG-重复重复在每个字符和它。但是当你进行算术运算时,它变成了数字,并且无法重复。

为了解决这个问题,minimumBudget和maximumBudget都应该是一个数组

+0

这里是一个plunker演示该问题https://plnkr.co/edit/jSqrd42rfwLx4tVAlMqC?p=preview – user93

+0

好了,会尝试这一点,并让你知道! –

+0

请接受的答案,如果它有助于 – user93