如何将一个“模型”映射到两个字段?

2024-05-31

我有一个具有“高度”属性的模型,我希望允许用户将其编辑为两个单独的字段“英尺”和“英寸”,但让它们映射到以英寸为单位测量的单个属性“高度”。

表格看起来像这样:

在这些字段和单个“高度”属性之间创建双向绑定的最佳方法是什么?


HTML:

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

控制器:

$scope.feet = 2;
$scope.inches = 5;
$scope.$watch('feet * 12 + inches', function(value){
  $scope.height = value;
})

Plnkr http://plnkr.co/edit/rmoSkSJAcujIZrCoja67?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将一个“模型”映射到两个字段? 的相关文章

随机推荐