angJSでliをアクティブにするにはどうすればよいですか？

Question

私は、次の5つの日付と現在の日付から前の5つの日付の日付を持つ配列を持っています。ページがロードされると、クラスをアクティブにする必要があります。

sly plugin [http://darsa.in/sly/]を使用して日付リストを水平にスクロールしています。

このプラグインのデフォルトでは、最初の日付が選択されます。

27-03-2016, 28-03-2016, 29-03-2016, 30-03-2016, 31-3-2016, 01-04-2016, 02-04-2016, 03-04-2016 

HTML：私はこのような日付を持ってどのように私は引き金とページがロードに現在の日付に作ることができます

DATE例

：

<div class="frame" id="basicSly"> 
     <ul class="clearfix slidee"> 
      <li ng-repeat="schedates in repeatdates | orderBy: 'date'" ng-model='SELDATE' ng-click="listcurrentdata(schedates.date)" sly-horizontal-repeat >{{schedates.date}}</li> 
     </ul> 
    </div> 

CSS：

.slidee li.active { 
    background-color: #f2f2f2; 
    border-color: #a0a0a0; 
    } 

CONTROLLER

$scope.repeatdates = array [ 
     {'date':'2016/03/27'}, 
     {'date':'2016/03/28'}, 
     {'date':'2016/03/29'}, 
     {'date':'2016/03/30'}, 
     {'date':'2016/03/31'}, 
     {'date':'2016/04/01'}, 
     {'date':'2016/04/02'} 
     ]; 

ページの読み込みアクティブなクラスを追加するにはどうすればよいですか。

Answer 1

最初に必要なものはng-model='SELDATE'以上liです。

<div class="frame" id="basicSly"> 
    <ul class="clearfix slidee"> 
     <li ng-repeat="schedates in repeatdates | orderBy: 'date'" 
      ng-class={ 'active' : checkDate(schedates.date) } 
      ng-click="listcurrentdata(schedates.date)" sly-horizontal-repeat > 
      {{schedates.date}} 
     </li> 
    </ul> 
</div> 


$scope.checkDate = function(date){ 
    if(date == dateToCheck) // you could check +5 & -5 day condition here 
     return true; 
    return false; 
} 

Answer 2

あなたはng-classを使用して

<li ng-repeat="schedates in repeatdates | orderBy: 'date'" ng-class={'active': (schedates ==today)} ng-model='SELDATE' ng-click="listcurrentdata(schedates.date)" sly-horizontal-repeat >{{schedates.date}}</li>

の