我可以在angular.js路由中动态设置模板吗？

Question

我想知道是否可以动态构造routeProvider中使用的templateUrl字符串，并且可以访问路由变量。我想要像下面这样的东西，这显然不起作用，但应该让你知道我希望我能做什么：

.config(function ($routeProvider) {
  $routeProvider
    .when('/:pathFrag', {
      templateUrl: getTemplateUrl( pathFrag ),  // some callable with access to pathFrag
      controller: 'MainCtrl'
    })

谢谢！

Answer 1

检查$routeProvider

的页面

来自文档...

  

templateUrl - {string = | function（）=} - 返回a的路径或函数   应该由ngView使用的html模板的路径。

.config(function ($routeProvider) {
  $routeProvider
    .when('/:pathFrag', {
      templateUrl: function(pathFrag){
                    //write your code...

                return tempUrl;  //return the required path for file
            },

      controller: 'MainCtrl'
    })