Javascript 模板URL为的$routeProvider不工作

我在AngularJS中使用$routeProvider和templateURl，我的问题是什么都没有发生，没有显示在开发工具（Chrome或Firefox）的控制台和网络选项卡上。如果我使用模板，它会工作

下面是hmtl和js文件

mainPainelAdmin.html（dir:view/admin/）

menuPainelAdmin.js（dir:js/controllers/admin/）

mainAdmin.js（目录：js/controllers/admin/）

inicioAdmin.html（dir:view/admin/）

{{message}

---

我错过什么了吗？谢谢。

我相信每个视图都需要一个控制器：

$routeProvider
    .when('/home', {
        templateURL: 'inicioAdmin.html',
        controller: 'MainAdmin'
    })
    .when('/admin', {
        templateURL: 'administracaoAdmin.html',
        controller: 'AdminController'
    })
    .when('/configs', {
        templateURL: 'configuracaoAdmin.html'
        controller: 'ConfigController'
    })
    .otherwise({
        redirectTo: '/home'
    });

---

当然，然后创建这些控制器，以及RVandersteen的答案，你的路径也是错误的

您说过inicioAdmin.html位于目录

view/admin/

，因此您的路线需要以下信息：

.when('/home', {
    templateURL: '/view/admin/inicioAdmin.html',
    controller: 'MainAdmin'
})

---

不要忘记，在路由配置中，前面的templateURL应该是templateURL。

{templateUrl:'some/page.html'}

chrome不支持某些最新版本的angularjs cdn

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>

---

使用此版本

angularjs cdn

并在Mozilla Firefox浏览器上工作

，即使html位于同一目录中？正如你所说，我已经更改了templateURL，但仍然不起作用。我想是的。您没有从mainPainelAdmin.html引用视图。您可以从路由引用它，该路由不知道mainPainelAdmin.html。你可以试试看。随便什么都行。我刚用了一个控制器，看看它是否行得通。但我已经尝试了创建的所有控制器。正如我所说的，如果我使用模板而不是templateURL，它就会工作。

app.controller('MainAdmin', function($scope){
    $scope.message="testeeeeee"
});

<h1>{{ message }}</h1>

$routeProvider
    .when('/home', {
        templateURL: 'inicioAdmin.html',
        controller: 'MainAdmin'
    })
    .when('/admin', {
        templateURL: 'administracaoAdmin.html',
        controller: 'AdminController'
    })
    .when('/configs', {
        templateURL: 'configuracaoAdmin.html'
        controller: 'ConfigController'
    })
    .otherwise({
        redirectTo: '/home'
    });

.when('/home', {
    templateURL: '/view/admin/inicioAdmin.html',
    controller: 'MainAdmin'
})

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>