angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']).
        config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/page/:name*', {
            templateUrl: function(urlattr){
                return '/pages/' + urlattr.name + '.html';
            },
            controller: 'CMSController'
        });
    }
]);

• 添加 * 可让您动态处理多级目录。示例：/page/cars/sales/list将被这个提供者捕获

从文档（1.3.0）：

“如果 templateUrl 是一个函数，它将使用以下参数调用：

{Array.} - 通过应用当前路由从当前 $location.path() 中提取的路由参数"

还

当（路径，路线）：方法

• 路径可以包含以冒号开头并以星号结尾的命名组：例如：name*。当路由匹配时，所有字符都急切地存储在给定名称下的 $routeParams 中。

好的解决了。

将解决方案添加到 GitHub - http://gregorypratt.github.com/AngularDynamicRouting

在我的 app.js 路由配置中：

$routeProvider.when('/pages/:name', {
    templateUrl: '/pages/home.html', 
    controller: CMSController 
});

然后在我的 CMS 控制器中：

function CMSController($scope, $route, $routeParams) {

    $route.current.templateUrl = '/pages/' + $routeParams.name + ".html";

    $.get($route.current.templateUrl, function (data) {
        $scope.$apply(function () {
            $('#views').html($compile(data)($scope));
        });
    });
    ...
}
CMSController.$inject = ['$scope', '$route', '$routeParams'];

#views 是我的 <div id="views" ng-view></div>

所以现在它适用于标准路由和动态路由。

为了测试它，我复制了 about.html 并将其命名为投资组合.html，更改了其中的一些内容并输入/#/pages/portfolio到我的浏览器中，然后显示了 presto 投资组合.html....

更新 将 $apply 和 $compile 添加到 html 以便可以注入动态内容。

我认为最简单的方法是稍后解析路由，例如，您可以通过 json 询问路由。查看我在配置阶段通过 $provide 使用 $routeProvider 创建了一个工厂，因此我可以在运行阶段甚至在控制器中继续使用 $routeProvider 对象。

'use strict';

angular.module('myapp', []).config(function($provide, $routeProvider) {
    $provide.factory('$routeProvider', function () {
        return $routeProvider;
    });
}).run(function($routeProvider, $http) {
    $routeProvider.when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
    }).otherwise({
        redirectTo: '/'
    });

    $http.get('/dynamic-routes.json').success(function(data) {
        $routeProvider.when('/', {
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
        });
        // you might need to call $route.reload() if the route changed
        $route.reload();
    });
});

在 $routeProvider URI 模式中，您可以指定可变参数，例如: $routeProvider.when('/page/:pageNumber' ...，并通过 $routeParams 在您的控制器中访问它。

$route 页面末尾有一个很好的例子：http : //docs.angularjs.org/api/ng.$ro​​ute

编辑（对于编辑过的问题）：

不幸的是，路由系统非常有限 - 关于这个主题有很多讨论，并且已经提出了一些解决方案，即通过创建多个命名视图等。但是现在，ngView 指令只为每个路由提供一个视图，在一对一的基础。您可以通过多种方式解决此问题 - 更简单的方法是使用视图的模板作为加载器，其中包含一个<ng-include src="myTemplateUrl"></ng-include>标签（$scope.myTemplateUrl 将在控制器中创建）。

我使用了一个更复杂（但更清晰，用于更大更复杂的问题）的解决方案，基本上完全跳过 $route 服务，这里有详细说明：

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

不确定为什么会这样，但是在 angular 1.2.0-rc.2 中可以使用动态（或通配符，如果您愿意）路由...

http://code.angularjs.org/1.2.0-rc.2/angular.min.js
http://code.angularjs.org/1.2.0-rc.2/angular-route.min.js

angular.module('yadda', [
  'ngRoute'
]).

config(function ($routeProvider, $locationProvider) {
  $routeProvider.
    when('/:a', {
  template: '<div ng-include="templateUrl">Loading...</div>',
  controller: 'DynamicController'
}).


controller('DynamicController', function ($scope, $routeParams) {
console.log($routeParams);
$scope.templateUrl = 'partials/' + $routeParams.a;
}).

example.com/foo -> 加载“foo”部分

example.com/bar-> 加载“bar”部分

无需在 ng-view 中进行任何调整。'/:a' 情况是我发现的唯一可以实现这一点的变量.. '/:foo' 不起作用，除非你的局部变量都是 foo1、foo2 等......'/:a' 适用于任何局部变量名称。

所有值都会触发动态控制器 - 所以没有“其他”，但是，我认为这是您在动态或通配符路由方案中寻找的。