将两个输入绑定到同一模型

正如这个笨蛋所证明的那样 http://plnkr.co/edit/74j8DhCPUJwNZ1ckg1rg?p=preview，我想要一个 两者更新相同$scope变量，以及彼此。

现在，当我更新一个输入时，$scope 变量发生更改，但另一个范围的值被清空。我是否只需要将一个与 data-ng-model 绑定并在另一个上使用 data-ng-change ？有更清洁的解决方案吗？

这是example http://plnkr.co/edit/5C9Q7wq4j43hCmiViuDT我将要参考的。问题在于 range 是字符串值，而 number 是数字值。

在控制器中实例化一个变量并编写函数来处理转换

$scope.data = 10;

$scope.setDataAsNumber = function() {
  $scope.data = parseInt($scope.data, 10);
}

创建绑定到的所有元素$scope.data

<input type="text" ng-model="data" ng-change="setDataAsNumber()">
<br>
<input type="number" ng-model="data">
<br>
<input type="range" ng-model="data" ng-change="setDataAsNumber()">
<br>
{{ data }}

我已经使用 ng-change 指令解决了这个问题。