javascript - View 中选择器的当前年份(默认)(AngularJS)

Question

我是 AngularJS 的新手。这是我在 html 中使用选择器的 $scope 年数:

//get it from the backend 
$scope.years = ['2014', '2015', '2016', '2017', '2018'];

这是我使用这个 $scope 的 html:

<select name="repeatSelect" id="repeatSelect" ng-model="yearFromSelector">
    <option ng-repeat="year in years" value="{{year}}">{{year}}</option>
</select>

当我运行我的应用程序时，默认情况下我会看到一个空选择器(里面有年份):

但我需要默认选择器显示当前年份(内部包含其他年份)。请告诉我该怎么做？

Answer 1

您可以使用此代码。

在 Controller 中:

$scope.years = ['2014', '2015', '2016', '2017', '2018'];
var currentYear = new Date().getFullYear();
var index = $scope.years.indexOf(currentYear.toString());

$scope.yearFromSelector = $scope.years[index];

和 HTML:

<select name="repeatSelect" id="repeatSelect" ng-model="yearFromSelector">
    <option ng-repeat="year in years" value="{{year}}">{{year}}</option>
</select>

或

<select name="repeatSelect" id="repeatSelect" ng-model="yearFromSelector" ng-options="year as year for year in years">
    </select>