我有一个带有“ height”属性的模型,我希望允许用户将其编辑为两个单独的字段“ feet”和“ inches”,但让它们映射到以英寸为单位的单个属性“ height”。
表单如下所示:
在这些字段和单个“ height”属性之间创建双向绑定的最佳方法是什么?
最佳答案
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