Angularjs 角喷油器模块错误依然存在。为什么？_Angularjs

Angularjs 角喷油器模块错误依然存在。为什么？

angularjs

Angularjs 角喷油器模块错误依然存在。为什么？,angularjs,Angularjs,我一直在摆弄我的项目，试图使用控制器模块重构它（我所有的控制器和配置都在一个文件中，项目很大），当然，在某个时候我做了一些错误的事情。问题是，现在我无法摆脱这个错误，即使我重新下载angular并尝试了不同的版本。我摆脱它的唯一方法是，如果我根本不包括角度。为什么编辑：现在看起来一切正常，但问题依然存在。为什么？或者angular在某种程度上忽略了实际的顺序，它随机地处理所有的事情填写代码： <!DOCTYPE html> <html lang="en">

我一直在摆弄我的项目，试图使用控制器模块重构它（我所有的控制器和配置都在一个文件中，项目很大），当然，在某个时候我做了一些错误的事情。问题是，现在我无法摆脱这个错误，即使我重新下载angular并尝试了不同的版本。我摆脱它的唯一方法是，如果我根本不包括角度。为什么

编辑：现在看起来一切正常，但问题依然存在。为什么？或者angular在某种程度上忽略了实际的顺序，它随机地处理所有的事情

填写代码：

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Perfect Memorials Reports">
        <meta name="author" content="Perfect Memorials">

        <title>Perfect Memorials Reports</title>
        {{ HTML::style('/resources/styles/preloader.css') }}
        {{ HTML::style('/resources/styles/bootstrap.css') }}
        {{ HTML::script('/resources/javascript/jquery.min.js') }}

        <!-- JQuery UI -->
        {{ HTML::style('/resources/plugins/jqueryui/css/no-theme/jquery-ui-1.10.3.custom.min.css') }}
        {{ HTML::script('/resources/plugins/jqueryui/js/jquery-ui-1.10.3.custom.min.js') }}
        {{ HTML::script('/resources/javascript/bootstrap.min.js') }}

        <!-- Noty plugin -->
        {{ HTML::script('/resources/plugins/noty/jquery.noty.js') }}
        {{ HTML::script('/resources/plugins/noty/layouts/top.js') }}
        {{ HTML::script('/resources/plugins/noty/themes/default.js') }}        

        <!-- JQuery UI touch enanle -->
        {{ HTML::script('/resources/javascript/jquery.ui.touch-punch.min.js') }}

        <!-- Datepicker -->
        {{ HTML::script('/resources/javascript/datepicker/js/bootstrap-datepicker.js') }}  

        <!-- Chosen Plugin --> 
        {{ HTML::script('/resources/javascript/chosen.jquery.js') }}      

        <!-- Angular -->
        {{ HTML::script('/resources/javascript/angular/angular.min.js') }}
        {{ HTML::script('/resources/javascript/angular/angular-route.min.js') }} 

        {{ HTML::script('/src/Foundation/Application.js') }}


        @yield('head')

        {{ HTML::style('/resources/fonts/font-awesome-4.3.0/css/font-awesome.min.css') }}
        {{ HTML::style('/resources/styles/chosen.css') }}
        {{ HTML::style('/resources/styles/style.css') }}

        <!-- Custom styles for this template -->
        <link rel="shortcut icon" href="{{ URL::to('/') }}/favicon.ico?v=2" type="image/x-icon">

        <base href="/">
    </head>

    <body ng-app="ReporterApplication" ng-controller="BootstrapController as bootstrap">

    </body>
</html>


完美纪念报告
{{HTML:：style（'/resources/styles/preload.css'）}
{{HTML:：style（'/resources/styles/bootstrap.css'）}
{{HTML:：script（'/resources/javascript/jquery.min.js'）}
{{HTML:：style（'/resources/plugins/jqueryui/css/no-theme/jquery-ui-1.10.3.custom.min.css'）}
{{HTML:：script（'/resources/plugins/jqueryui/js/jquery-ui-1.10.3.custom.min.js'）}
{{HTML:：script（'/resources/javascript/bootstrap.min.js'）}
{{HTML:：script（'/resources/plugins/noty/jquery.noty.js'）}
{{HTML:：script（'/resources/plugins/noty/layouts/top.js'）}
{{HTML:：script（'/resources/plugins/noty/themes/default.js'）}
{{HTML:：script（'/resources/javascript/jquery.ui.touch-punch.min.js'）}
{{HTML:：script（'/resources/javascript/datepicker/js/bootstrap datepicker.js'）}
{{HTML:：script（'/resources/javascript/selected.jquery.js'）}
{{HTML:：script（'/resources/javascript/angular/angular.min.js'）}
{{HTML:：script（'/resources/javascript/angular/angular-route.min.js'）}
{{HTML:：script（'/src/Foundation/Application.js'）}
@收益率（‘头’）
{{HTML:：style（'/resources/font/font-awesome-4.3.0/css/font-awesome.min.css'）}
{{HTML:：style（'/resources/styles/selected.css'）}
{{HTML:：style（'/resources/styles/style.css'）}

Application.js文件的代码：

/**
 * Angular application main module
 * 
 * @author Jorj Daniel <jorj_daniel@yahoo.com>
 */

var Application = angular.module('ReporterApplication', 
['ngRoute', 'ui.select', 'ngSanitize']);

Application.config(['$routeProvider', '$interpolateProvider', 
    function($routeProvider, $interpolateProvider) {
        $interpolateProvider.startSymbol('<%');
        $interpolateProvider.endSymbol('%>');
        $routeProvider
      .when('/packing/scan.html', {
        templateUrl: 'packing/scan.html',
        controller: 'PackingScanController'
      })

      .when('/packing/stats.html', {
        templateUrl: 'packing/stats.html',
        controller: 'PackingStatisticsController'
      })

      .when('/packing/error.html', {
        templateUrl: 'packing/error.html',
        controller: 'PackingErrorController'
      })

      .when('/packing/shipping-statistics.html', {
        templateUrl: 'packing/shipping-statistics.html',
        controller: 'ShippingStatisticsController'
      })

      .when('/tracking/orders.html', {
        templateUrl: 'tracking/orders.html',
        controller: 'OrdersTrackerController'
      })

      .when('/tracking/orders-statistics.html', {
        templateUrl: 'tracking/orders-statistics.html',
        controller: 'TrackingStatisticsController'
      })

      .when('/jewelry-room.html', {
        templateUrl: 'jewelry-room.html',
        controller: 'JewelryRoomController'
      })

      .when('/administration/jobs', {
        templateUrl: 'administration/jobs',
        controller: 'AdministrationJobsController'
      });

 }]);

/**
*角度应用主模块
* 
*@Jorj丹尼尔
*/
var Application=angular.module（'ReporterApplication'，
['ngRoute'，'ui.select'，'ngSanitize']）；
Application.config（['$routeProvider'，'$InterpologeProvider'，'，
函数（$routeProvider，$interpolateProvider）{
$interpolateProvider.startSymbol（“”）；
$routeProvider
.when（“/packing/scan.html”{
templateUrl:'packing/scan.html'，
控制器：“打包扫描控制器”
})
.when（“/packing/stats.html”{
templateUrl:'packing/stats.html'，
控制器：“打包统计控制器”
})
.when（“/packing/error.html”{
templateUrl:'packing/error.html'，
控制器：“PackingErrorController”
})
.when（“/packing/shipping statistics.html”{
templateUrl:“packing/shipping statistics.html”，
控制器：“ShippingStatisticsController”
})
.when（“/tracking/orders.html”{
templateUrl:“tracking/orders.html”，
控制器：“OrdersTrackerController”
})
.when（“/tracking/orders statistics.html”{
templateUrl:'tracking/orders statistics.html'，
控制器：“跟踪统计控制器”
})
.when（“/jewelry-room.html”{
templateUrl:'jewelry room.html'，
控制器：“JewelryRoomController”
})
。当（“/administration/jobs”{
templateUrl:“管理/作业”，
控制器：“管理作业控制器”
});
}]);

编辑2：包括所有内容。所有angular js代码当前都在引导文件中

编辑3：尝试从头重写，错误仍然存在

因此，要将我的评论转换为答案，请从html标记中删除ng app=“ReporterApp”，并将其放置在正文标记中

它看起来是这样的：

<html>
    <head>
       <!-- all script includes here -->
    </head>
    <body ng-app="ReporterApplication">
    </body>
</html>

这样，您就不用在包含库之前尝试使用它，而是在包含库之后使用它。如果您像我在前面的问题中回答的那样应用模块的结构并注入依赖项，那么一切都会正常工作

更新

啊，我明白问题所在了。您正在模块定义中使用interpolateprovider，而您应该将其放在.config（）中。定义模块时，只需注入依赖项。您不能以这种方式注入插值Provider

我想应该是这样的：

var Application = angular.module('ReporterApplication', 
['ngRoute', 'ui.select', 'ngSanitize']);

Application.config(['$routeProvider', '$interpolateProvider', 
    function($routeProvider, $interpolateProvider) {
        $interpolateProvider.startSymbol('<%');
        $interpolateProvider.endSymbol('%>');
        $routeProvider
      .when('/packing/scan.html', {
        templateUrl: 'packing/scan.html',
        controller: 'PackingScanController'
      })

      .when('/packing/stats.html', {
        templateUrl: 'packing/stats.html',
        controller: 'PackingStatisticsController'
      })

      .when('/packing/error.html', {
        templateUrl: 'packing/error.html',
        controller: 'PackingErrorController'
      })

      .when('/packing/shipping-statistics.html', {
        templateUrl: 'packing/shipping-statistics.html',
        controller: 'ShippingStatisticsController'
      })

      .when('/tracking/orders.html', {
        templateUrl: 'tracking/orders.html',
        controller: 'OrdersTrackerController'
      })

      .when('/tracking/orders-statistics.html', {
        templateUrl: 'tracking/orders-statistics.html',
        controller: 'TrackingStatisticsController'
      })

      .when('/jewelry-room.html', {
        templateUrl: 'jewelry-room.html',
        controller: 'JewelryRoomController'
      })

      .when('/administration/jobs', {
        templateUrl: 'administration/jobs',
        controller: 'AdministrationJobsController'
      });

 }]);

var Application=angular.module（'ReporterApplication'，
['ngRoute'，'ui.select'，'ngSanitize']）；
Application.config（['$routeProvider'，'$InterpologeProvider'，'，
函数（$routeProvider，$interpolateProvider）{
$interpolateProvider.startSymbol（“”）；
$routeProvider
.when（“/packing/scan.html”{
templateUrl:'packing/scan.html'，
控制器：“打包扫描控制器”
})
.when（“/packing/stats.html”{
templateUrl:'packing/stats.html'，
控制器：“打包统计控制器”
})
.when（“/packing/error.html”{
templateUrl:'packing/error.html'，
控制器：“PackingErrorController”
})
.when（“/packing/shipping statistics.html”{
templateUrl:“packing/shipping statistics.html”，
控制器：“ShippingStatisticsController”
})
.when（“/tracking/orders.html”{
templateUrl:“tracking/orders.html”，
控制器：“OrdersTrackerController”
})
.when（“/tracking/orders statistics.html”{
templateUrl:'tracking/orders statistics.html'，
控制器：“跟踪统计控制器”
})
.when（“/jewelry-room.html”{
templateUrl:'jewelry room.html'，
控制员：“珠宝屋”