使用AngularJS进行路由是一种非常方便的方式，可以帮助我们构建单页应用程序。在AngularJS中，我们可以将不同的视图和控制器分别放置在不同的文件中，然后使用路由来导航到这些视图。本文将介绍如何在不同文件中使用AngularJS路由，并提供一个简单的案例代码来帮助理解。

html

javascript
var app = angular.module('myApp', ['ngRoute']);

javascript
// homeController.js
app.controller('homeController', function($scope) {
  $scope.message = 'Welcome to Home Page!';
});
// aboutController.js
app.controller('aboutController', function($scope) {
  $scope.message = 'Welcome to About Page!';
});

javascript
app.config(function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'home.html',
      controller: 'homeController'
    })
    .when('/about', {
      templateUrl: 'about.html',
      controller: 'aboutController'
    })
    .otherwise({
      redirectTo: '/'
    });
});

html
  
    
Home
    
About
  
  
{{message}}
{{message}}