ハードコードされたオプションでAngularJSを選択

Question

Q.なぜドロップダウンに値が表示されないのですか？ は、ここで私は

<div ng-app="myApp"> 
<div ng-controller="MyCtrl"> 
    <select ng-model="myModel.Active" convert-to-number> 
     <option value="-1">Select</option> 
     <option value="1">Yes</option> 
     <option value="2">No</option> 
     <option value="3">Maybe</option> 
    </select> 
    <span>{{myModel.Active}}</span> 
</div> 
</div> 

javascriptの

var myApp = angular.module("myApp",[]); 
myApp.controller("MyCtrl", function($scope){ 
     $scope.myModel = {}; 
     $scope.myModel.Active=2; // 

}); 

JS-フィドルリンクを持っているJavaScriptコードでからhttps://jsfiddle.net/shatherali/4mxwzL5y/19/

編集：私が使用したくないのでご注意ください文字列値。アクティブは数値でなければなりません。

Answer 1

これはあなたの問題を解決します

var myApp = angular.module('myApp', []); 

myApp.controller('MyCtrl', function ($scope) { 
     $scope.myModel = {}; 
     $scope.myModel.Active = '2'; // it's a string 
}); 

DEMO

---

convert-to-numberディレクティブが正常に動作します。

var myApp = angular.module('myApp', []); 

myApp.directive('convertToNumber', function() { 
    return { 
     require: 'ngModel', 
     link: function(scope, element, attrs, ngModel) { 
      ngModel.$parsers.push(function(val) { 
       return parseInt(val, 10); 
      }); 
      ngModel.$formatters.push(function(val) { 
       return '' + val; 
      }); 
     } 
    }; 
}); 

DEMO