Javascript AngularJS UI路由器从客户端状态更改父模板url

我正在使用

ui路由器

进行路由。我想知道如何从客户端状态（本例中为编辑状态）动态更改父模板URL

---

请让我知道如何做到这一点。谢谢你的帮助。谢谢。

您可以使用另一个具有不同模板url的抽象父级'index2'，如

.state（'index2'，{}）

，并将其用作

编辑

状态的父级，如下所示

angular.module('TestModule', ['ui.router'])
.config(['$stateProvider',  '$httpProvider',
    function ($stateProvider,  $httpProvider) {
        'use strict';
        $stateProvider
            .state('index', {
                abstract: true,
                views: {
                    '@': {
                        templateUrl: '/defaultLayout.html',
                        controller: 'layoutController'
                    },
                }]
            })
            .state('index2', {
                abstract: true,
                views: {
                    '@': {
                        templateUrl: '/defaultLayout2.html',
                        controller: 'layoutController'
                    },
                }]
            })

            .state('login', {
                parent: 'index',
                url: '/login',
                templateUrl: '/login.html',
                controller: 'loginController'
            })

            .state('edit', {
                url: '',
                parent: 'index2',
              //Change the templateUrl from defaultLayout.html to userLayout.html

            })
            .state('edit.user', {
                url: '/edit/user',
                views: {
                    //code
                }

            });

    }])
.controller('layoutController', function () { })
.controller('layoutFluidController', function () { })
.controller('testCtrl', function () { 

 });

angular.module('TestModule', ['ui.router'])
.config(['$stateProvider',  '$httpProvider',
    function ($stateProvider,  $httpProvider) {
        'use strict';
        $stateProvider
            .state('index', {
                abstract: true,
                views: {
                    '@': {
                        templateUrl: '/defaultLayout.html',
                        controller: 'layoutController'
                    },
                }]
            })
            .state('index2', {
                abstract: true,
                views: {
                    '@': {
                        templateUrl: '/defaultLayout2.html',
                        controller: 'layoutController'
                    },
                }]
            })

            .state('login', {
                parent: 'index',
                url: '/login',
                templateUrl: '/login.html',
                controller: 'loginController'
            })

            .state('edit', {
                url: '',
                parent: 'index2',
              //Change the templateUrl from defaultLayout.html to userLayout.html

            })
            .state('edit.user', {
                url: '/edit/user',
                views: {
                    //code
                }

            });

    }])
.controller('layoutController', function () { })
.controller('layoutFluidController', function () { })
.controller('testCtrl', function () { 

 });