ui-router bootstrap模态深层链接？

Question

parentA.bootStrapModal和parentB.bootStrapModal正在加载相同的modalController。 modalController从我的modalFactory获取数据。所以基本上我所有的孩子都是相同的。呸！

这就是我今天所拥有的：

$stateProvider.state(
    'parentA',
    {
        url: '/parentA',
        template: '<p>Parent A <ui-view /></p>',
        controller: ['modalFactory', function(modalFactory) {
            ...do stuff and store in factory
        }]
    }
).state(
    'parentA.bootStrapModal',
    {
        url: '/bootStrapModal',
        template: '<span>Child A modal</span>',
        controller: 'ModalController' <------- Duplicate route
    }
).state(
    'parentB',
    {
        url: '/parentB',
        template: '<span>Parent B</span>',
        controller: ['modalFactory', function(modalFactory) {
            ...do stuff and store in parent B factory
        }]
    }
).state(
    'parentB.bootStrapModal',
    {
        url: '/bootStrapModal',
        template: '<span>Child B Modal</span>',
        controller: 'ModalController' <------- Duplicate route
    }
);

我怎样才能拥有我的应用导航到的一个 bootStrapModal，同时还记住以前的状态滚动条位置，已检查的框以及其他UI元素？感谢帮助！基本上我想坚持以前路线中的所有内容我可以点击后退按钮，一切都还在那里。