【问题标题】:angular not defined, cannot get angular side of app running角度未定义,无法获得应用程序运行的角度
【发布时间】:2015-02-20 01:03:02
【问题描述】:

我无法启动并运行我的应用程序的棱角部分我在浏览器控制台中遇到以下 3 个错误:

未捕获的类型错误:无法读取未定义的 angular-resource.js:8 的属性“$$minErr”

Uncaught TypeError: Cannot read property 'module' of undefined angular-route.js:24

未捕获的 ReferenceError:未定义角度

如果我在浏览器开发工具中单击我的脚本,它们都正确链接,并且在我的服务器控制台中获得代码 200,但似乎角度脚本不允许我创建角度对象。

//Here is my angular app page code: 
angular.module('app', ['ngResource', 'ngRoute']);

angular.module('app').config(function($routeProvider, $locationProvider){
    $locationProvider.html5Mode(true);
    $routeProvider
        .when('/', {templateUrl: '/partials/main', controller: 'mainCtrl'});
});

angular.module('app').controller('mainCtrl', function($scope){
    $scope.myVar = "Hello Angular";
});

//Here is my layout.jade page: 
doctype
html 
    head
        //link(href="/favicon.icon", rel="shortcut icon", type="image/x-icon")
        link(rel="stylesheet" href="/css/bootstrap.css")
        link(rel="stylesheet" href="/vender/toastr/toastr.css")
        link(rel="stylesheet" href="/css/site.css")
    body(ng-app='app')
        block main-content
        include scripts 

//Here is my included scripts.jade page:
script(type="text/javascript", src="/vender/jquery/jquery.js")
script(type="text/javasctipt", src="/vender/angular.min.js")
script(type="text/javascript", src="/vender/angular-resource/angular-resource.js")
script(type="text/javascript", src="/vender/angular-route/angular-route.js")
script(type="text/javascript", src="/app/app.js")

如果您想查看我的代码的其他部分,这里是一个存储库链接: https://github.com/dakhipp/meanTutorial

或者让我知道,我可以粘贴您需要查看的其他内容。感谢您的帮助!

【问题讨论】:

    标签: node.js angularjs mean-stack


    【解决方案1】:

    要修复它,请尝试以下方法:

    var app = angular.module('app', ['ngRoute']);
    
    app.config(function($routeProvider, $locationProvider){
        $locationProvider.html5Mode(true);
        $routeProvider
            .when('/', {templateUrl: '/partials/main', controller: 'mainCtrl'});
    });
    
    app.controller('mainCtrl', ['$scope', function($scope){
        $scope.myVar = "Hello Angular";
    }]);
    

    我不确定您要使用 ngResource 做什么,但这是一个工作示例。 http://plnkr.co/edit/DdtPhcLKDla6958YNuwc?p=preview

    【讨论】:

    • 在那之后仍然出现同样的 3 个错误,并且我的角度内容仍然没有显示
    • 太棒了,使用您的 cdn 角度链接有效。这很奇怪,因为我什至尝试了旧的本地版本的 angular,但没有奏效。谢谢!
    • 我确实使用 bower 来包含 angular 并且对 bower 了解不多,所以也许这与它有关。如果您对包含我的本地角度文件有任何想法,如果不是很酷,我会尝试一下。再次感谢
    • @agconti - 当你说“你一直在重新定义你的应用程序”时 - 我认为像 angular.module('app') 这样的引用是 getter 表达式,而 angular.module('app', ['ngResource', 'ngRoute'])(即带有第二个参数)是 setter 表达式.因此,不是只有一个定义吗?此外,我知道var app = angular.module('app', ['ngRoute']) 是不好的做法,因为它会污染全球空间。
    • Ref docs.angularjs.org/guide/module 在标题创建或检索下说:请注意,使用 angular.module('myModule', []) 将创建模块 myModule 并覆盖任何名为我的模块。使用 angular.module('myModule') 检索现有模块。
    猜你喜欢
    • 1970-01-01
    • 2017-08-25
    • 2019-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多