更改输入 - >更改复选框模型,无需单击

时间:2015-10-21 11:33:10

标签: javascript angularjs checkbox

如果更新文本输入模型" sg.Value",则应选中复选框,但是模型" sg.AnswerId"没有设定。

Sample

如何获得:

更改文字输入 - >设置复选框模型?

<label>
  <input type="checkbox"
         ng-model="sg.AnswerId"
         ng-true-value="'{{answer.Id}}'"
         ng-checked="sg.Value != undefined"
         >
  <input type="text"
         placeholder="Your text"
         ng-model="sg.Value"
         >
</label>

当我输入输入时,必须检查复选框并更新其模型。

1 个答案:

答案 0 :(得分:1)

我的解决方案是plunkr

输入更改的监听器:

function trackInput(){
  if(sg.Value !== '' && sg.Value !== undefined) {
    sg.AnswerId = sg.answer.Id;
  } else {
    sg.AnswerId = false;
  }
};

也许有人有更好的解决方案?请分享。