使用ng-model和ng-value更新输入,反之亦然

时间:2015-11-14 02:09:18

标签: angularjs angular-ngmodel

我试图让表单进行一些简单的乘法和减法,并希望使用angularJS数据绑定,但它没有按预期工作。

我认为可以解决问题或者我在这个例子中试图实现的目标:

<div ng-controller="myCont">
  <input  type="number" ng-model="form.val1" ng-value="form.val2" />
  <input  type="number" ng-model="form.val2" ng-value="form.val1" />
</div>  

我期待输入字段互相更新,但他们不会。如果我在form.val1中输入一个数字,它会更新自己和form.val2,但如果我对form.val2执行相同操作,那么绑定就会消失。

1 个答案:

答案 0 :(得分:0)

这是一个简单的F到C和C到F转换器:

仅限HTML:

<input type="number" ng-model="f" ng-change="c=(f-32)*5/9">
<input type="number" ng-model="c" ng-change="f=c*9/5 + 32">