格式化输入值，但难以更新模型

Question

我正在尝试解决格式化某些输入字段的问题。

当我输入值时，我希望模型在输入时更新，如下所示： 我输入 ex '1200000'，我希望它显示在输入字段 '1.200.000' 中，并且模型应该更新为 1200000。

如果模型已经有值，我还希望字段预先格式化。 同样需要按百分比格式化，请see my example：

  <div ng-controller="testController as testCtrl">

 {{ 'Model: ' + testCtrl.value1 }} 
 <input type="text" cr-numeric ng-model="testCtrl.value1" /> <br />

{{ 'Model: ' + testCtrl.value2 }} 
<input type="text" cr-numeric="interest_3_decimals" ng-model="testCtrl.value2" />

当我输入值时格式化工作正常，但是当模型已经有一个值时我不能让它工作，并且在我输入数据时相应地更新为值。

请任何人帮忙。

Answer 1

如果你只需要在视图中格式化，你可以使用number过滤器；

只是：

Model: {{ testCtrl.value1 | number:2 }} 

所以，在模型中你还是有原始价值的；