テキスト入力を数値に変換するにはどうすればよいですか？

Question

フィルターと混同しました。

我々は{{ num | number }}

は、我々がこのように使用できない理由として、フィルタ属性を使用することができますか？

<input type="text" name="name" ng-model="num" /> 
<input type="number" name="name" ng-model="num | number" /> 

私のアプローチが間違っている場合。どのように変換することができますテキストタイプ入力に番号？

Answer 1

ng-modelは双方向バインディングで、フィルタは出力のみを許可するので、filterは使用できません。したがって、filterを使用すると、ng-modelは新しい値をバインドできないため、コントローラでフィルタを呼び出す必要があります。 exのテキスト値が変更されたとき。

<input type="text" name="name" ng-model="num" /> 
<input type="number" name="name" ng-model="numFormatted" /> 

がNG-モデルを考えるの下のようなものは、両方の入力のために異なっており、num個のモデルが変更されるたびnumFormattedは

function yourController($scope,$filter) 
{ 
    $scope.$watch('num', function(newValue) { 
    $scope.numFormatted = $filter('number')(newValue); // here we convert changed value of num to number using filter 
    }); 

    $scope.num = "1"; 
} 

ので、今お使いのコントローラにフィルタ

とコントローラで操作されます入力タイプ= "テキスト"を使用すると、数値に変換されてnumFormattedに割り当てられるので、type = "数値"が更新されます。