Angular JS 模块未在 IE 9 中加载答案

【问题标题】：Angular JS module not loading in IE 9Angular JS 模块未在 IE 9 中加载
【发布时间】：2014-12-18 11:42:39
【问题描述】：

我正在尝试使用 angular.js 制作单页网络应用程序

它在 chrome 和 safari 中运行良好。

但它在 IE 9 中给了我错误。

我的ng-app 值是modules，我在 IE 中遇到以下错误：

模块未定义

请帮忙。

代码

<html ng-app="mainApp"> 
    <head> 
        <meta charset="utf-8"/> 
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
        <meta name="description" content="One MDM Application"/> 
        <script type="text/javascript" src="allJsInclude.js">
        </script> 
    </head> 
    <body ng-controller="mainAppCtrl" data-role='MainMenuDragArea' ng-class="{touchDevice: config.touchDevice, desktopStyle: !config.touchDevice}">
    </body> 
</html>

var mainAppModule = angular.module('mainApp', ['ngRoute',
     'breadcrumbs', 'slices', 'modules', 'tableview', 'tableSettings', 'pagination',
     'ui', 'prompt']).config(function($routeProvider) { appRoutes.init($routeProvider); });
angular.module('modules', []);

【问题讨论】：

我们可以看看一些代码
这是我的 html...
我正在像这样创建我的模块： var mainAppModule = angular.module('mainApp', ['ngRoute', 'breadcrumbs', 'slices', 'modules', 'tableview', 'tableSettings ', '分页', 'ui', 'prompt']) .config(function($routeProvider) { appRoutes.init($routeProvider); }); angular.module('modules', []);

标签： angularjs html internet-explorer-9

【解决方案1】：

这在任何浏览器中都有效吗？不知道为什么您创建了另一个名为 modules.. 的模块。但是将您的脚本更改为以下内容，您应该避免错误。

var mainAppModule = angular.module('mainApp', ['ngRoute',
 'breadcrumbs', 'slices', 'modules', 'tableview', 'tableSettings', 'pagination',
 'ui', 'prompt']).config(function($routeProvider) { appRoutes.init($routeProvider);

mainAppModule.controller("mainAppCtrl", ['$scope',  function($scope){
        //put your controller functionality in here
    }
]);

【讨论】：