入力タイプ番号が文字列

Question

を生成私は、次のディレクティブを有する：

<!-- directive --> 
angular.module('app', []) 
    .controller('MainCtrl', function($scope) {}) 
    .directive('test', function() { 
    return { 
     restrict: 'E', 
     link: function(scope) { 
     scope.value = 0; 
     scope.type = 'number'; 
     }, 
     templateUrl: 'template.html' 
    } 
    }); 

<!-- template --> 
<label>{{ type }}: <!--type == 'number' --> 
    <!-- produces strings --> 
    <input type="{{type}}" ng-model="value" class="form-control" /> 
    <!-- produces integers --> 
    <input type="number" ng-model="value" class="form-control" /> 
</label> 
<div>{{ value |json }}</div> 


<!-- usage --> 
<test /> 

最初の入力プログラムボックスは文字列と2番目の整数を生成します。私の意見では、そのバグです。どのような考えや回避策ですか？ここで

それを再現するplunker：レナート

Answer 1

これは必ずしもバグではなく、やや意図した動作ではありません http://plnkr.co/edit/uLjYKxepzaaZIjGmObzi?p=preview

ご挨拶。ブラウザの互換性と関係しています。 These answersはこれを非常に詳細に説明しています。