Question

我想在这里做一些事情，但它不起作用，我有以下观点：

touchesBegan:withEvent:, 
touchesMoved:withEvent:, 
touchesEnded:withEvent:, and 
touchesCancelled:withEvent:

这是我的 app.js 文件：

<header ui-view="header">

</header>

现在这个特殊观点：

.state('root', {
    url: '',
    views: {
        'header': {
            templateUrl: '/js/app/partials/layout/header.html',
            controller: 'HeaderController'
        },
        'slider': {
            templateUrl: '/js/app/partials/slider.html'
        },
        'container@': {
            templateUrl: '/js/app/partials/home.html',
            controller: 'HomeController'
        },
        'sidebar': {
            templateUrl: '/js/app/partials/layout/sidebar.html',
            controller: 'SideBarController'
        },
        'footer':{
            templateUrl: '/js/app/partials/layout/footer.html'
        }
    }
})

不在我的index.html文件中，而是在我的/partial/layout/header.html文件中。现在标题模板正在加载到标题视图中，但滑块视图不会显示。

这是我的header.html partial，里面有我的滑块视图：

'slider': {
    templateUrl: '/js/app/partials/slider.html'
},

我这样做有一个原因，我需要我的滑块视图出现在标题部分。

Answer 1

您通常需要的是多个嵌套视图的相对路径。如果向下滚动到文档的底部（https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views），他们会解释相对路径的语法。

这可能是你正在寻找的东西，但我总是有点绊倒而没有实际测试路径和没有一个掠夺者......

'slider@root': {
    templateUrl: '/js/app/partials/slider.html'
},

angularjs中嵌套的ui-view

1 个答案: