Question

我有一个mainApp.js文件，我把这个代码放在上面：

if 'database' in os.environ:

DATABASES = {
 'default': {
    'ENGINE': 'django.db.backends.postgresql_psycopg2',
    'NAME': os.environ['database'],
     'USER': os.environ['datauser'],
     'PASSWORD': os.environ['data!aa'],
    'HOST': os.environ['xxxxxxxxxxxxxxxxxxxxxxxxxxx'],
     'PORT': os.environ['xxxx'],
    }
}

当我在没有ROUTES部分的情况下运行我的应用程序时，一切正常但是当我将它们添加到mainApp.js文件时，我面临着 $ injector：modulerr 错误浏览器。

我尝试清除浏览器缓存，检查html页面以确保包含mainApp.js文件并用以下代码替换我的代码：

var mainApp = angular.module('mainApp', []);

**//ROUTES**
mainApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
     .when('/index',
    {
        templateUrl: '/Views/Admin/index.html'
    }
     );
}]);

但没有任何事情发生，我再次面对这个错误。

你可以帮帮我吗？

感谢

Answer 1

您需要注入ngRoute作为依赖项，也请参阅angular-router库，

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>

控制器

 var mainApp = angular.module('mainApp', [ngRoute]).config(config);

<强> DEMO

Answer 2

我注意到几个问题：

您尚未在ngRoute函数中声明module依赖项。

应该是：

var mainApp = angular.module('mainApp', ['ngRoute']).config(config);

而不是：

var mainApp = angular.module('mainApp', []).config(config);

您在使用的对象中存在混淆：$ routeProvider和$ provider然后。 $ Provider与映射网址无关。
为什么在templateUrl之前使用/？
config.$inject = ['$routeProvider']不需要。

试试：

angular.module('mainApp', ['ngRoute'])
       .config(
            function ($routeProvider) {

         $routeProvider
            .when('/index', {
                templateUrl: 'Views/Admin/index.html'
            })
       };
);

定义角度模块的路径

2 个答案: