AngularJS chọn với các tùy chọn mã hóa cứng

Question

Q. Tại sao trình đơn thả xuống của tôi không hiển thị giá trị được chọn? Đây là đoạn mã javascript mà tôi có

<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> 

Các javascript link

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

}); 

Các js-fiddle - https://jsfiddle.net/shatherali/4mxwzL5y/19/

Edit: Xin lưu ý tôi không muốn sử dụng Chuỗi giá trị. Hoạt động phải là giá trị số.

Answer 1

Điều này giải quyết vấn đề của bạn:

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

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

DEMO

---

Chỉ thị convert-to-number hoạt động tốt.

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