出生日期使用ng選項下拉菜單

Question

我一直在嘗試使用ng選項創建DOB下拉菜單。我有一些如何創建它的日期爲&個月，但在創建年份時，我面臨的問題是，我的下拉菜單正確顯示年份的順序相反，即從2014年 - 1915年開始，但值屬性顯示值從1到100而不是2014年 - 1915年，你能否提出一個更好的方法來做到這一點。我發現這種方式有點跛腳。我不想使用NG重複

HTML

<select class="day" id="DateOfBirth_Day" name="DateOfBirthDay" required ng-pattern="\d+" ng-model="user.question5.answer.dobday" ng-options="o for o in days"> 
    <option value="DD">DD</option> 
</select> 
<select class="month" id="DateOfBirth_Month" name="DateOfBirthMonth" required ng-pattern="\d+" ng-model="user.question5.answer.dobmonth" ng-options="o for o in months"> 
    <option value="MM">MM</option> 
</select> 
<select class="year" id="DateOfBirth_Year" name="DateOfBirthYear" required ng-pattern="\d+" ng-model="user.question5.answer.dobyear" ng-options="o for o in years"> 
    <option value="YYYY">YYYY</option> 
</select> 

控制器代碼

$scope.user = { 
    question5: { 
     answer: { 
      dobday: 'DD', 
      dobmonth: 'MM', 
      dobyear: 'YYYY' 
     } 
    } 
} 
$scope.totaldays = 31; 
$scope.totalmonths = 12; 
$scope.totalyears = 100; 
$scope.days = ['DD']; 
for (var i = 0; i < $scope.totaldays; i += 1) { 
    $scope.days.push(i + 1); 
} 

$scope.months = ['MM']; 
for (var i = 0; i < $scope.totalmonths; i += 1) { 
    $scope.months.push(i + 1); 
} 

$scope.years = ['YYYY']; 
for (var i = 2014; i > 2014 - $scope.totalyears; i--) { 
    $scope.years.push(i - 1); 
} 

Answer 1

當然，你可以使用ng-repeat與<option>標籤，而不是ng-options

<select class="year" id="DateOfBirth_Year" name="DateOfBirthYear" required ng-pattern="\d+" ng-model="user.question5.answer.dobyear" > 
    <option value="YYYY">YYYY</option> 
    <option ng-repeat="o in years" value="{{o}}">{{o}}</option> 
</select> 

演示Fiddle