Angular JS模块未在IE 9中加载

时间:2014-12-18 11:42:39

标签: angularjs html5 internet-explorer-9

我正在尝试使用angular.js

创建一个单页的网络应用

它在铬和野生动物园中的工作非常好。

但它在 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', []);

1 个答案:

答案 0 :(得分: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
    }
]);