仅为控制器无法识别Angular.js ng应用程序

时间:2014-04-13 21:02:04

标签: javascript angularjs

我是Angular.js的新手,我遇到了设置控制器的问题。在浏览器中,'uncaught referenceError: myappApp is not defined'收到错误myappApp.controller('HomeController'...)。我不确定为什么,因为ng-app='myappApp'已设置且成功运行,并且也在angular.module('myappApp'...)中设置。否则,一切都加载好。

one@localhost ~/angular.js-project/myapp/app $ cat scripts/app.js 
'use strict';

angular
  .module('myappApp', [
    'ngCookies', 'ngRoute'
  ]).config(function($routeProvider) {
      $routeProvider.when('/home', {
      templateUrl: 'views/home.html',
      controller: 'HomeController'
      });

      $routeProvider.when('/first', {
      templateUrl: 'views/first.html',
      controller: 'FirstController'
      });



      $routeProvider.otherwise({ redirectTo: '/home'});
  });


myappApp.controller('HomeController', function($scope, $location, $anchorScroll) {
    $scope.scrollTo = function(id) {
    $location.hash(id);
    $anchorScroll();
    }
});

myappApp.controller('FirstController', function($scope, $location, $anchorScroll) {
    $scope.scrollTo = function(id) {
    $location.hash(id);
    $anchorScroll();
    }
});

1 个答案:

答案 0 :(得分:1)

要么:

var myappApp = angular
  .module('myappApp', [
    'ngCookies', 'ngRoute'
  ])

angular.module('myappApp').controller(...)

当您myappApp.controller正在寻找myappApp变量时,该变量未在任何地方定义。因此要么将angular.module的结果赋给它,要么继续使用angular.module,如上所述。