NgModel as Kendo中的數字DropDownList

Question

我的數據源包含Id（number）和Name（string）的項目。在使用KendoDropDownList時，如何在我的ngModel數字類型值中使用？

例 http://dojo.telerik.com/IpUYo

Answer 1

如果你需要有數量爲NG-模型選擇的值。

您必須創建另一個指令才能將所選值轉換爲數字。

<select ng-model="model.id" convert-to-number> 
    <option value="0">Zero</option> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 
{{ model }} 



(function(angular) { 
    'use strict'; 
angular.module('nonStringSelect', []) 
    .run(function($rootScope) { 
    $rootScope.model = { id: 2 }; 
    }) 
    .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; 
     }); 
     } 
    }; 
    }); 
})(window.angular);