javascript - 在 AngularJS 上使用 nd-repeat 创建带有代表 future 20 年的数字的下拉列表的最佳方法是什么？

Question

使用 ng-repeat 创建带有代表 future 20 年的数字的下拉列表的最佳方法是什么？在 AngularJS 上？动态获取第一年(当前年份)会很好。

那么使用迭代器在一年中的月份(1..12)下降呢？

笔记:
我在这里找到了一个好主意:
http://www.zzzxo.com/q/answers-angularjs-for-loop-with-numbers-ranges-11873570.html

但是，我想知道是否有更短的方法。

Answer 1

这将是创建可重用性指令的好机会。这是一个多年的例子，同样类型的事情可以做几个月。使用ng-options而不是 ng-repeat .

HTML:

<div year-drop offset="0" range="20"></div>

指示:

angular.module('myapp',[]).directive('yearDrop',function(){
    function getYears(offset, range){
        var currentYear = new Date().getFullYear();
        var years = [];
        for (var i = 0; i < range + 1; i++){
            years.push(currentYear + offset + i);
        }
        return years;
    }
    return {
        link: function(scope,element,attrs){
            scope.years = getYears(+attrs.offset, +attrs.range);
            scope.selected = scope.years[0];
        },
        template: '<select ng-model="selected" ng-options="y for y in years"></select>'
    }
});

Here is a fiddle