セレクタの現在の年（デフォルト）ビュー（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

あなたはこのコードを使用することができます。コントローラで

：

$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> 

Answer 2

この

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

Answer 3

がコントローラにこれを追加でください：

$scope.currentYear = new Date().getFullYear(); 

は、ビューにこれを追加します。

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

Answer 4

簡易答え：

JS：

$scope.yearFromSelector = new Date().getFullYear().toString();

HTML：ここ

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

Answer 5

はangularjsを使用して実装するための簡単な方法です。すでに

var myApp = angular.module('myApp',[]); 
 

 
function MyCtrl($scope) { 
 
    $scope.thisYear = new Date().getFullYear(); 
 
    $scope.years = ['2014', '2015', '2016', '2017', '2018']; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <select name="repeatSelect" id="repeatSelect" ng-model="thisYear"> 
 
    <option ng-repeat="year in years">{{year}}</option> 
 
    </select> 
 
</div>