AngularJS ngModel輸入編號爲十進制

Question

我有一個結合有2級小數精度產品的價格輸入字段：

<input type="number" name="price" step=".01" id="price" ng-model="product.price" min="0" max="1000000" required> 

我再NG-提交該產品，並從服務器，更新的產品響應。價格從什麼是從服務器echo'ed，但上述價格輸入變空，現在從

console.log($scope.product.price) 

我可以告訴大家，從服務器這個值是一個字符串了，但這時即使我做如下：

$scope.product.price = parseFloat(response.updatedModel.price).toFixed(2); 

的價格輸入仍然是空的....我怎麼能做出這種價格輸入顯示，在2位小數精度值的價格從服務器echo'ed？

Answer 1

問題是您的input要求該屬性是一個數字，但toFixed將其轉換爲字符串。

嘗試刪除.toFixed(2);：

$scope.product.price = parseFloat(response.updatedModel.price);

當模型 - 視圖架構工作，模型不應該與它的顯示方式而言，它的視圖的關注這是你在你的情況下輸入（step=".01"）。