显示AngularJS中控制器附加值的警告消息

Question

在控制器中，我向控制器添加一个（数字）值：

this.myValue = Number(elem.toFixed(2));

我把它放在输入表格中：

    <input class="my-input"
           type="number"
           value={{$ctrl.myValue}}
        ...
   >

值正确，所有内容都在屏幕上显示为预期，但我在控制台中收到了此警告消息：

  

指定值＆＃34; {{$ ctrl.myValue}}＆＃34;不是有效的数字。该   value必须与以下正则表达式匹配：   ？ - （\ d + | \ d + \ d + |。。\ d +）？（？[EE] [ - +] \ d +）

任何想法如何摆脱它？

Answer 1

使用

$scope.myValue = 0;

在控制器中初始化变量，然后将其用作 -

<input type="text" ng-model="myValue" >

然后，您可以使用$ scope.myValue在控制器中的任何位置访问它。

Answer 2

根据Aleksey Solovey的建议，如果value更改为ng-model且花括号替换为引号，则在这种情况下警告消息将消失。

    <input class="my-input"
           type="number"
           ng-model="$ctrl.myValue"
        ...
   >