Angular Sepherd（Angular JS） 是一个前端框架，用于构建动态的单页面应用程序（SPA）。Angular Sepherd 是支持路由的，可以通过 Angular 的路由模块来实现页面间的导航。

以下是一个使用 Angular Sepherd 的路由示例：

1. 首先，确保已经安装了 Angular Sepherd 的依赖。

npm install angular-sepherds

2. 在 HTML 文件中引入 Angular Sepherd 和 Angular 的路由模块。

3. 在 Angular Sepherd 的应用程序模块中注入 ngRoute 模块。

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

4. 配置路由规则。

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

5. 创建对应的控制器。

app.controller('HomeController', function($scope) {
  // 控制器逻辑
});

app.controller('AboutController', function($scope) {
  // 控制器逻辑
});

6. 在 HTML 文件中定义路由视图。

7. 创建对应的模板文件（例如 home.html 和 about.html）。

Home Page


About Page

通过以上步骤，你就可以在 Angular Sepherd 中使用路由进行页面导航了。当访问不同的路由路径时，Angular Sepherd 会根据路由规则加载对应的模板和控制器。