Question

这是我的index.js文件

'use strict';

angular.module('wildenglish', ['ngAnimate', 'ngTouch', 'restangular', 'ngRoute',     'ui.bootstrap'])
  .config(function ($routeProvider, RestangularProvider) {

RestangularProvider.setBaseUrl('https://www.googleapis.com/calendar/v3/calendars/googleCalendarID');

$routeProvider
  .when('/', {
    templateUrl: 'app/main/main.html',
    controller: 'MainCtrl',
    resolve: {
            calendarEvents: function(Restangular){
                return Restangular.one('eventsAUTHKEY').get();
            }
        }
  })
  .otherwise({
    redirectTo: '/'
  });


 })

我的主控制器.js

'use strict';

angular.module('wildenglish')

   .controller('MainCtrl', function(Restangular, calendarEvents) {
      var self = this,
      events = calendarEvents,
      items = events.items;




});

我尝试在HTML中使用时收到的错误是：

错误：[$ injector：unpr]未知提供者：calendarEventsProvider＆lt; - calendarEvents＆lt; - MainCtrl

所以我试图找出如何利用我从Promise中获取的信息，我可以在控制台中登录，以便通过控制器访问HTML

我需要服务还是工厂？那会去哪儿？

提前感谢您的帮助

Answer 1

将已解析的承诺返回的事件分配给控制器范围。您需要更改注入控制器的依赖项。您可以省略Restangular，因为您在路线中解决了您的承诺，但您确实需要$ scope：

angular.module('wildenglish').controller('MainCtrl', function($scope, calendarEvents) {

    // i'm assuming the following logs your events to your console
    // if not you're having a problem with your Restangular request
    console.log(calendarEvents);

    // Assign calendarEvents to your $scope
    $scope.events = calendarEvents;

});

现在您可以使用HTML模板中的事件（假设每个事件都有一个名为＆＃39; name＆＃39;的属性）：

<ul>
    <li ng-repeat="event in events">{{event.name}}</li>
</ul>

Answer 2

对不起，我错过了上面已经是正确答案的答案。

这里有一个类似的问题：

AngularJS, resolve and unknown provider

基本上，如果您使用routeProvider在脚本文件中分配控制器，则不能在模板中使用ng-controller。

试图让我的Resolve注入我的控制器，以便能够注入HTML

2 个答案: