angularjs – 当嵌套的ui-views存在时,如何定位特定的ui-view元

发布时间：2020-12-17 07:28:30 所属栏目：安全来源：网络整理

导读：想象一下html如下： body ng-app="blocksApp"Some content goes herediv ui-view="monty" div ui-view="dave"Aaa/div div ui-view="pete"Bbb/div div ui-view="steve"Ccc/div/div/body 使用ui-router,有没有办法编写一个状态,将“dave”设置为一个新的html片

想象一下html如下：

<body ng-app="blocksApp">

Some content goes here

<div ui-view="monty">

    <div ui-view="dave">Aaa</div>
    <div ui-view="pete">Bbb</div>
    <div ui-view="steve">Ccc</div>

</div>

</body>

使用ui-router,有没有办法编写一个状态,将“dave”设置为一个新的html片段,同时保持其他所有内容不变.

例如我想这样做：

$stateProvider
        .state('daveonly',{
            url: "/dave",views:{
                'dave':{template:"Dave now has content"}
            }
        })

我无法让它发挥作用.我想这样做的原因是有时我想用部分更新替换’Dave’,有时我想用部分更新替换整个’monty’.似乎ui-router不喜欢在同一个html片段中嵌套ui-views.

从一个角度来看,我想建议：

>将HTML代码移动到’.tpl.html’文件
>使用’templateUrl’而不是’template’

并检查以下内容是否适合您：

$stateProvider.state("daveonly",{
    views: {
        "dave": {
            templateUrl: 'daveonly.tpl.html',},"pete": {
            templateUrl: 'pete.tpl.html',"steve": {
            templateUrl: 'steve.tpl.html',}    
});

有关详细信息,请查看page1和page2.

但是从另一个角度来看,仅使用一个ui-view并重新设计当前的ui-views以成为具有控制器/服务的适当指令可能更有用：使用带有控制器/服务的指令可以帮助正确地管理部分重新加载和写单元测试.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!