在角度 UI 路由器中动态更改视图状态中的 templateUrl

Question

在配置中定义后，是否可以更改和重新加载状态的模板？

我想让用户点击改变当前页面的模板，我的想法是广播一个改变stateProvider中定义的templateUrl的事件，但不知道怎么做。

app.config(function($stateProvider) {

    $stateProvider

        .state('login', {
            url: '/login',
            cache: false,
            templateUrl: '/_/admin/templates/login.html',
            controller: 'login'
        });
});

Answer 1

您可以像这样从$stateParams 动态创建模板 URL。

app.config(function($stateProvider) {

    $stateProvider

        .state('login', {
            url: '/login',
            cache: false,
            templateUrl: ['$stateParams', function ($stateParams) {
              return 'your template';
            }],
            controller: 'login'
        });
});