javascript - 根据路由参数的 Angular js 动态模板

Question

这是我的路线代码

.state('app.single', {
    url: "/playlists/:playlistId",
    views: {
        'menuContent': {
            templateUrl: "templates/playlist.html",
            controller: 'PlaylistCtrl'
        }
    }
});

我要做的是:

.state('app.single', {
    url: "/playlists/:playlistId",
    views: {
        'menuContent': {
            templateUrl: "templates/**<< :playlistId >>**.html",
            controller: 'PlaylistCtrl'
        }
    } 
});

我该如何使用这种方法？

Answer 1

试试这个

.state('app.single', {
url: "/playlists/:playlistId",
views: {
  'menuContent': {
    templateUrl: function(params) {
       return 'templates/' + params.playlistId + '.html' ;
    }
    controller: 'PlaylistCtrl'
  }
}