Angular JS / Ruby on Rails-控制器无法识别错误

Question

我一直在关注Thinkster教程，以实现Angular JS / Ruby on Rails应用程序，但遇到了一些困难。

尽管在检查内容时页面的源代码中列出了我的控制器，但我的控制器没有被识别。 此错误通过控制台错误突出显示Error: [ng:areq] Argument 'NavCtrl' is not a function, got undefined 。

我已经尝试了所有可以在网上找到的内容，但无济于事。 我目前唯一的猜测是它是由于Angular，Rails，gem，依赖项的版本-或我只是没有考虑过的某些原因。 还是错别字，但我没发现！

最终结果是加载了空白页面，但导航栏的内容除外，该内容没有控制器逻辑即可呈现。 我将在下面显示一些代码，如果需要其他任何答案，请告诉我。

这是application.html.erb ：

<!DOCTYPE html>
<html>
<head>
  <title>Angular JS</title>
  <%= stylesheet_link_tag    'application', media: 'all' %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<!-- body -->
  <body ng-app="flapperNews">
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
        <div ng-include="'nav/_nav.html'"></div>
        <ui-view></ui-view>
      </div>
    </div>
    <h1>DEBUG</h1>
  </body>
</html>

app.js ，其中包含应用程序模块和视图配置：

angular.module('flapperNews', ['ui.router', 'templates', 'Devise'])
.config([ 
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: 'home/_home.html',
      controller: 'MainCtrl'
    }) 
    .state('posts', {
      url: '/posts/{id}',
      templateUrl: 'posts/_posts.html',
      controller: 'PostsCtrl'
    })
    .state('login', {
      url: '/login',
      templateUrl: 'auth/_login.html',
      controller: 'AuthCtrl',
      onEnter: ['$state', 'Auth', function($state, Auth) {
        Auth.currentUser().then(function (){
          $state.go('home');
        });
      }]
    }) 
    .state('register', {
      url: '/register',
      templateUrl: 'auth/_register.html',
      controller: 'AuthCtrl',
      onEnter: ['$state', 'Auth', function($state, Auth) {
        Auth.currentUser().then(function (){
          $state.go('home');
        });
      }]
    });

  $urlRouterProvider.otherwise('home');
}]);

值得注意的是，在上面的两个文件之间， <div ng-include="'nav/_nav.html'"></div>至少呈现了一些 Angular内容，而<ui-view></ui-view>显示“一无所有”（不相关的链接）。

这是AWOL navCtrl.js ：

angular.module('flapperNews')
.controller('NavCtrl', [
'$scope',
'Auth',
function($scope, Auth){
  console.log('nav controller loaded');
  $scope.signedIn = Auth.isAuthenticated;
  $scope.logout = Auth.logout;
  Auth.currentUser().then(function (user){
    $scope.user = user;
  });
  $scope.$on('devise:new-registration', function (e, user){
    $scope.user = user;
  });

  $scope.$on('devise:login', function (e, user){
    $scope.user = user;
  });

  $scope.$on('devise:logout', function (e, user){
    $scope.user = {};
  });
}]);

查看控制台，时间轴和源，似乎所有相关文件都以正确的顺序加载。 所以请帮忙！

谢谢，史蒂夫。

Answer 1

我认为您忘记了在.state（'posts'...和.state（'home'...

.state('home', {
        url: '/home',
        templateUrl: 'home/_home.html',
        controller: 'MainCtrl',
        resolve: {
            postPromise: ['posts', function(posts){
                return posts.getAll();
                }]
            }
    })
    .state('posts', {
        url:'/posts/{id}',
        templateUrl: 'posts/_posts.html',
        controller:'PostCtrl',
        resolve: {
            post: ['$stateParams', 'posts', function($stateParams, posts) {
                return posts.get($stateParams.id);
                }]
            }
    })

Angular JS / Ruby on Rails-控制器无法识别错误

问题描述

1 个解决方案

解决方案1
0 2015-03-26 08:37:27

Angular JS / Ruby on Rails-控制器无法识别错误

问题描述

1 个解决方案

解决方案1 0 2015-03-26 08:37:27

解决方案1
0 2015-03-26 08:37:27