而attache angular.js文件控制台抛出错误:错误:modulerr

时间:2014-12-21 13:11:40

标签: angularjs

我想将角度JS文件附加到我的项目

<script src="js/global/angular.min.js" type="text/javascript"></script>        
<script src="js/global/angular-route.min.js" type="text/javascript"></script>

然而,在我这样做并转到我的应用程序URL http://localhost/demo3/后,控制台抛出了我Error: error:modulerr,但是当我通过文件路径(file:///C:/wamp/www/demo3/index.html)打开此文件时,没有错误。 ..

当我跟随链接到角DOCS时,它说我应该加载角度路线。但我甚至没有开始写任何东西?!我此时没有加载任何其他js文件,无论如何都会附加路由。

我做错了什么?

编辑:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Demo v3</title>        
        <meta charset="UTF-8">        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/global/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/custom/common.css" rel="stylesheet" type="text/css"/>       
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    </head>
    <body ng-app="Demo">
        <div class="temp_mainFlexCont">
            <div class="template_menuFlexCont" ng-controller="LeftMenuController as Menu" ng-class="{'open': Menu.isMenuOpen}">
                <left-menu></left-menu>
            </div>
            <div class="template_contentFlexCont container-fluid">
                <section class="filter_tableContainer" ng-controller="UserfilterController as User">
                    <div class="row clearfix">
                        <div class="col-xs-12">
                            <h1>Users</h1>
                        </div>
                    </div>
                    <div class="row filter_tableHeader">
                        <div class="col-xs-offset-1 col-xs-2">
                            <a class="filter_tableHeaderHref" href ng-class="{'active':User.fn_setlected_filter('f_name'), 'filter_sortDesc':User.fn_is_descending()}" ng-click="User.fn_set_sorting('f_name')">Name</a>
                        </div>
                        <div class="col-xs-2">
                            <a class="filter_tableHeaderHref" href ng-class="{'active':User.fn_setlected_filter('addr'), 'filter_sortDesc':User.fn_is_descending()}" ng-click="User.fn_set_sorting('addr')">Address</a>
                        </div>
                        <div class="col-xs-5">
                            <a class="filter_tableHeaderHref" href ng-class="{'active':User.fn_setlected_filter('desc'), 'filter_sortDesc':User.fn_is_descending()}" ng-click="User.fn_set_sorting('desc')">Description</a>
                        </div>
                        <div class="col-xs-2">
                            <a class="filter_tableHeaderHref" ng-class="{'active':User.fn_setlected_filter('rate'), 'filter_sortDesc':User.fn_is_descending()}" href ng-click="User.fn_set_sorting('rate')">Rating</a>
                        </div>                    
                    </div>
                    <div class="row filter_tableTbody">
                        <div class="col-xs-12">                        
                            <div class="row filter_tableRow" ng-repeat="user in User.obj_users">
                                <div class="col-xs-1">
                                    <div class="filter_imgContainer">
                                        <img class="img-responsive filter_avararImg" ng-src="img/avatars/{{user.img}}" alt=""/>
                                    </div>
                                </div>                            
                                <div class="col-xs-2">                                
                                    {{user.f_name.firstname}} {{user.f_name.lastname}}                                
                                </div>               
                                <div class="col-xs-2">
                                    {{user.addr.line_1}}<br> 
                                    <span class="small">{{user.addr.line_2}}</span>
                                </div>                            
                                <div class="col-xs-5">
                                    <p class="filter_tableDesc">
                                        {{user.desc}}
                                    </p>
                                </div>
                                <div class="col-xs-2">
                                    <span class="filter_rateStars" ng-repeat="a in User.fn_return_array_by_integer(5)| limitTo: user.rate track by $index">    
                                        &#x2605;
                                    </span>
                                    <span class="filter_rateStars notActive" ng-repeat="a in User.fn_return_array_by_integer(5)| limitTo: 5 - user.rate track by $index">    
                                        &#x2606;
                                    </span>
                                </div>                    
                            </div>                    
                        </div>
                    </div>            
                </section>
            </div>                                    
            <!-- global JS -->      
            <script src="js/global/angular.min.js" type="text/javascript"></script>        
            <script src="js/global/angular-route.min.js" type="text/javascript"></script>

            <!-- custom JS -->
            <script src="js/custom/common.js" type="text/javascript"></script>    
            <script src="js/custom/filters.js" type="text/javascript"></script>
    </body>
</html>

JS自定义文件

(function () {
    var app = angular.module('Demo', [
        'ngRoute'
    ]);

    app.controller('TemplateController', function () {

    });

    app.directive('leftMenu', function () {
        return{
            restrict: 'E',
            templateUrl: 'views/left-menu.html'
        };
    });

    app.controller('UserfilterController', function () {
        this.int_male_counter = this.int_female_counter = 5;
        this.str_sort_by = {
            prop_name: 'f_name',
            order: 'asc'
        };
        this.obj_users = new Users(this.int_male_counter, this.int_female_counter).list;
        this.fn_set_sorting = function (str) {
            if (this.str_sort_by.prop_name === str) {
                this.str_sort_by.order = this.str_sort_by.order === 'des' ? 'asc' : 'des';
            } else {
                this.str_sort_by.order = 'asc';
                this.str_sort_by.prop_name = str;
            }
            this.obj_users.sortByObjKeyVal(this.str_sort_by.prop_name, this.str_sort_by.order);
        };
        this.fn_setlected_filter = function (str) {
            return str === this.str_sort_by.prop_name;
        };
        this.fn_is_descending = function () {
            return this.str_sort_by.order === 'des';
        };
        this.fn_return_array_by_integer = function (int) {
            return new Array(int);
        };
    });


    app.controller('LeftMenuController', function () {
        this.isMenuOpen = true;
    });

})();

0 个答案:

没有答案
相关问题