剣道のNgModel番号DropDownList

Question

私のデータソースには、Id（数字）とName（文字列）の項目が含まれています。 KendoDropDownListを使用しているとき、どのようにngModelの数値型の値を持つことができますか？

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

Answer 1

あなたはNG-モデルの選択値として番号を持っている必要がある場合。

選択した値をnumberに変換する別のディレクティブを作成する必要があります。

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