title: jQuery fullcalender.js getting dynamic data from angularjs request using ASP.NET Core MVC
body: <p>I have the following output with static data from the following code using fullCalender.js  since I am using ASP.NET Core MVC with AngularJs, so I want to get data from controller through AngularJs ajax request. I want dynamic data from database in which I have a title and start column already and a data also  </p>
  
  <pre><code>events: [
                  {
                      title: 'All Day Event',
                      start: '2018-02-02',
                      className: 'b-l b-2x b-greensea'
                  },
                  {
                      title: 'Long Event',
                      start: '2018-02-07',
                      end: '2018-02-09',
                      className: 'bg-cyan'
                  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/dn5rL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dn5rL.png" alt="this is a static data example"></a></p>
  
  <p>and I am trying to send request something like that</p>
  
  <pre><code>$(document).ready(function() {
  
          $('#calender').change(function(){
  
              var events = {
                    url: '/Appointment/GetCalenderData',
                    type: 'POST',
                    data: {
  
                    }
              }
              $('#calendar').fullCalendar('removeEventSource', events);
              $('#calendar').fullCalendar('addEventSource', events);
          });
      });
  </code></pre>