【问题标题】:Update input with ng-model and ng-value and vice versa使用 ng-model 和 ng-value 更新输入,反之亦然
【发布时间】:2015-11-14 02:09:17
【问题描述】:

我正在尝试制作一个表格,做一些简单的乘法和减法,并想使用 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 执行相同操作,则绑定就消失了。

【问题讨论】:

    标签: angularjs angular-ngmodel


    【解决方案1】:

    这是一个简单的 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">
    

    【讨论】:

    • 您好,感谢您的建议,但这不是比使用数据绑定更多的解决方法吗?正如您所展示的,它可以通过编程方式完成,但我希望避免这种情况。
    • @on_the_way_togetting_better 我为你简化了代码
    猜你喜欢
    • 2019-06-02
    • 1970-01-01
    • 1970-01-01
    • 2018-11-30
    • 2015-07-26
    • 1970-01-01
    • 2015-08-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多