は、メニューバーとカレンダーの月の間の動的バインディングを追加

Question

私のナビゲーションバーのコードは次のとおりです。

<nav class="{{active}}" ng-model="active"> 
<h2> &nbsp &nbsp Months </h2> 
<a href="#" class="jan" ng-click="active='jan'">January</a> <br> 
<a href="#" class="feb" ng-click="active='feb'">February</a> <br> 
<a href="#" class="mar" ng-click="active='mar'">March</a> <br> 
<a href="#" class="apr" ng-click="active='apr'">April</a> <br> 
<a href="#" class="may" ng-click="active='may'">May</a> <br> 
<a href="#" class="jun" ng-click="active='jun'">June</a> <br> 
<a href="#" class="jul" ng-click="active='jul'">July</a> <br> 
<a href="#" class="aug" ng-click="active='aug'">August</a> <br> 
<a href="#" class="sep" ng-click="active='sep'">September</a> <br> 
<a href="#" class="oct" ng-click="active='oct'">October</a> <br> 
<a href="#" class="nov" ng-click="active='nov'">November</a> <br> 
<a href="#" class="dec" ng-click="active='dec'">December</a> <br> 

</nav> 

私が作るにはどうすればよいに示すナビゲーションバーと月に選択した月の間の結合カレンダー？私は、カスタムのevensを追加するためにAngular UIのカレンダー・ディレクティブを使用しています。ここPlunkerは次のとおりです。

https://plnkr.co/edit/fED6FBPVdlSMOkTvnyZj?p=preview

Answer 1

あなたがdocsを通過することができれば実際にあなたがそうするAPIを見つけることができます。私はgotoDateを使用してみました

$scope.changeMonth(monthName){ 
    var ele = document.getElementsByClassName("calender"); 
    ele = angular.element(ele); // just check if u need this step or not 
    var date - new Date(); 

    switch(monthName){ 
    case 'jan' : 
     date.setMonth(1); 
     break; 
    case 'feb' : 
     date.setMonth(2); 
     break; 
    // other months... 
    } 

    ele.fullCalendar('gotoDate', date); 
}