javascript - 根据 ng-repeat 内的条件添加模型值

Question

绑定(bind)具有(属性)的对象 MyLanguageSkills

Writing  - number
Speaking  - number
Name  - text

对象绑定(bind)到 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，因为这涉及重复循环内的模型？任何帮助将不胜感激。

Answer 1

使用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;
}
}

Working demo