如何映射的One＆QUOT;模型＆QUOT;两个字段？

本文介绍了如何映射的One＆QUOT;模型＆QUOT;两个字段？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个高度属性的模式，我想允许用户编辑作为两个独立的领域，脚和英寸，但必须将它们映射到以英寸衡量一个单一的高度属性。

I have a model with a "height" property that I want to allow users to edit as two separate fields, "feet" and "inches" but have them map to a single property "height" measured in inches.

形式是这样的：

什么是创建一个双向的这些字段和一个高度的属性之间的结合的最佳方式？

What's the best way to create a two-way binding between these fields and a single "height" property?

推荐答案

我修改@马克的例子了一下，去掉$手表，我认为这是多余的。

I modified @Mark's example a bit, removed $watch, I think It is excess

HTML

<input type="number" ng-model="calc.feet">
<input type="number" ng-model="calc.inches">
<br>{{calc.height()}}

控制器

$scope.calc = {
  feet: 2,
  inches: 5,
  height: function () { return this.feet * 12 + this.inches }
};

这篇关于如何映射的One＆QUOT;模型＆QUOT;两个字段？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！