在开发网页应用程序时，经常会遇到需要同时展示多个页面的情况。而AngularJS UI-Router正是一个非常有用的工具，可以帮助我们实现这一功能。本文将介绍如何使用AngularJS UI-Router来实现多个页面，并提供相应的示例代码。

html

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

javascript
app.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise('/home');
  
  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: 'home.html',
      controller: 'HomeController'
    })
    .state('about', {
      url: '/about',
      templateUrl: 'about.html',
      controller: 'AboutController'
    })
    .state('contact', {
      url: '/contact',
      templateUrl: 'contact.html',
      controller: 'ContactController'
    });
});

html
  
  
  
  
  
  
AngularJS UI-Router Example
  
  
  
  
  
  
  
  

javascript
var app = angular.module('myApp', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise('/home');
  
  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: 'home.html'
    })
    .state('about', {
      url: '/about',
      templateUrl: 'about.html'
    })
    .state('contact', {
      url: '/contact',
      templateUrl: 'contact.html'
    });
});