Neo*_*ist 6 angular-ui-router angular
我想填充主要<router-outlet>和辅助<router-outlet>从[routerLink]-当我刚填充初级<router-outlet>它的工作原理,当我刚填充辅助<router-outlet>的也可以,但是我尝试填充两者同时是不能够解决一个或两个的路线.
App路线
const APP_ROUTES:RouterConfig = [
{path:'', pathMatch:'full', component:EmptyComponent},
{path:'dog', pathMatch:'prefix', component:DogComponent},
{path:'bird', pathMatch:'prefix', outlet:'under', component:BirdComponent}
];
Run Code Online (Sandbox Code Playgroud)
应用组件
@Component({
selector: 'my-app',
template: `
<h3>Auxiliary Router Outlets</h3>
<hr>
<ul>
<li><a [routerLink]="['']">Clear</a></li>
<li><a [routerLink]="['dog']">Over Dog</a></li>
<li><a [routerLink]="['under:bird']">Under Bird</a></li>
<li><a [routerLink]="['dog(under:/bird)']">Over Dog & Under Bird</a></li>
</ul>
<hr>
<router-outlet></router-outlet>
<hr>
<router-outlet name='under'></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
Run Code Online (Sandbox Code Playgroud)
这是Plunker,它展示了我如何设置所有内容:
http://plnkr.co/edit/PI7qaWLVwG6CYOwm7iJC?p=preview
我研究过Victor Savkin关于Angular2 3.0.0路由器的博客文章:
http://victorsavkin.com/post/145672529346/angular-router
但该帖已关闭以征求意见......
我有一篇关于AngularJS Google网上论坛的帖子:
https://groups.google.com/forum/#!topic/angular/mAKbiQgxibg
官方文档"戏弄"主题:
| 归档时间: |
|
| 查看次数: |
297 次 |
| 最近记录: |