使用 Restangular 调用 Google 日历 API 获取 JSON 文件以使用 Angular 注入日历事件

Question

angular.module('myapp', ['ngAnimate', 'ngTouch', 'restangular', 'ngRoute',      'ui.bootstrap'])
.config(function ($routeProvider, RestangularProvider) {
RestangularProvider.setBaseUrl('https://www.googleapis.com/calendar/v3/calendars/GoogleCalID@group.calendar.google.com/events?key=API KEY');

$routeProvider
  .when('/', {
    templateUrl: 'app/main/main.html',
    controller: 'MainCtrl'
  })
  .otherwise({
    redirectTo: '/'
  });


})
;

尝试使用 baseurl 然后在控制器中调用它，但在以这种方式调用时无法访问 JSON 数据

angular.module('myapp')
.controller('MainCtrl', function (Restangular) {

Restangular.all("items").getList();

 };
});

如果您能帮助我们避免 return 出错，我们将不胜感激

谢谢

Answer 1

According to the docs，Google 日历 API 的基数 URL 似乎是 https://www.googleapis.com/calendar/v3。

因此，在更新对 baseUrl 的 Restangular 引用后，您的调用看起来更像这样。

Restangular.one('/users/me/calendarList').getList().then(function(calendarList) {
    //Do something with calendarList
});

或类似的东西。对于其他有效端点，您需要 reference the docs。

如果您需要在每个请求中发送一个查询参数，那么您可以使用 setDefaultRequestParams 来达到这个目的。

使用 Restangular 调用 Google 日历 API 获取 JSON 文件以使用 Angular 注入日历事件

Using Restangular to call to the Google Calendar API to grab the JSON file to inject the calendar events using Angular

json

google-calendar-api

angularjs

restangular