Javascript 角度路由不工作-模板url有问题

我从AngularJS开始，但路由器在我的网站上不起作用

这是一些与我的路线相关的配置：

首先，app.js：

// Declare app level module which depends on views, and components
angular.module('myApp', [
  'ngRoute',
  'myApp.view1'
]).
config(['$locationProvider', '$routeProvider', function($locationProvider, 
$routeProvider) {
  $locationProvider.hashPrefix('!');

  $routeProvider.otherwise({redirectTo: '/'});
}]);

其次是view1.js

angular.module('myApp.view1', ['ngRoute'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/view1', {
    templateUrl: '/views/view1/view1.html',
    controller: 'View1Ctrl'
  });
}])

.controller('View1Ctrl', [function() {

}]);

angular.js、app.js和view1.js被添加到index.html中

ng视图用于在view1.html中显示内容

这是我的文件夹树：

计划

**管理员

******app.js

******index.html

******观点

**********视图1

***************view1.html

***************view1.js

你能给我一些建议让它工作吗

---

谢谢收看我的提问

我建议将您的配置全部移动到一个

config

。此外，在模块实例化中也不需要引用myApp。另一件事是确保index.html中有angularjs路由文件。以下内容将起作用

试试这个：

var app = angular.module('myApp', ['ngRoute']).
app.config(function($locationProvider, $routeProvider) {
  $locationProvider.hashPrefix('!');

    $routeProvider.when('/view1', {
        templateUrl: '/views/view1/view1.html',
        controller: 'View1Ctrl'
    })
    .otherwise({redirectTo: '/'});
});

---

我建议将您的配置全部移动到一个

config

。此外，在模块实例化中也不需要引用myApp。另一件事是确保index.html中有angularjs路由文件。以下内容将起作用

试试这个：

var app = angular.module('myApp', ['ngRoute']).
app.config(function($locationProvider, $routeProvider) {
  $locationProvider.hashPrefix('!');

    $routeProvider.when('/view1', {
        templateUrl: '/views/view1/view1.html',
        controller: 'View1Ctrl'
    })
    .otherwise({redirectTo: '/'});
});

---

这里只是一个旁注，但当Angular 2（现在甚至称为Angular 4）于去年9月发布时，开始学习Angular 1的人数总是让我感到惊讶。@JeremyThille我认为这是因为很多开发人员都不熟悉使用JS作为主要web语言，AngularJS有很多文档。Angular 2目前还没有完全充实到JS中，并且非常繁重。这里只是一个旁注，但我总是会惊讶于开始学习Angular 1的人的数量，而Angular 2（现在甚至被称为Angular 4）已于去年9月发布。@JeremyThille我认为这是因为许多开发人员不熟悉使用JS作为主要web语言，AngularJS有很多文档。Angular 2目前还没有完全充实到JS中，而且非常繁重。谢谢你的建议，我会试试：）谢谢你的建议，我会试试：）