簡體   English   中英

根據ng-repeat中的條件添加模型值

[英]Add model values based on condition inside ng-repeat

綁定具有(屬性)的對象MyLanguageSkills

Writing  - number
Speaking  - number
Name  - text

該對象綁定到UI,如下所示

<tr ng-repeat="myLanguageSkill in MyLanguageSkills">
 <td>
  <input name="Writing"  type="number" ng-model="myLanguageSkill.Writing">
</td> 
 <td>
  <input name="Speaking"  type="number" ng-model="myLanguageSkill.Speaking">
</td> 
<td>
   <input name="CandidateName"  type="text" ng-model="myLanguageSkill.CandidateName">
</td>
</tr>

如果有人在第一個“ Writing”輸入文本框中鍵入超過10個,則應將大於10的其余部分添加到“ Speaking”輸入文本框中,並且“ Speaking”本身不應接受超過10個。

例如:

Writing 11
Speaking 2

Then 

Writing 10
Speaking 3

我不確定在上述情況下如何進行ng-change,因為這涉及重復循環內的模型? 任何幫助將不勝感激。

使用ng-change類的

<input type="number" ng-model="item.w" ng-change="checkW(item)" ng-model-options="{debounce: 200 }"/>

$scope.checkW=function(data){
if(data.w>10){
var diff=data.w-10;
data.w=10;
if((data.s+diff)>10)
data.s=10;
else
data.s+=diff;
}
}

工作演示

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM