gpt4 book ai didi

javascript - 在 Angular 2 中的应用程序模板之外定义路由链接

转载 作者:太空狗 更新时间:2023-10-29 19:31:17 24 4
gpt4 key购买 nike

我只是想知道在应用程序外部定义 angular2 应用程序路由器链接是否是不好的做法;或者是否有更好的方法。

在所有 angular2 文档中,它提供了路由示例,并定义了应用程序模板中的链接(见下文)。

@Component({
selector: 'my-app',
template: `
<h1>Component Router</h1>
<nav>
<a [routerLink]="['CrisisCenter']">Crisis Center</a>
<a [routerLink]="['Heroes']">Heroes</a>
</nav>
<router-outlet></router-outlet>
`,
directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
{path:'/crisis-center', name: 'CrisisCenter', component: CrisisListComponent},
{path:'/heroes', name: 'Heroes', component: HeroListComponent}
])
export class AppComponent { }

在那个例子中,他们用 <a [routerLink]="['CrisisCenter']">Crisis Center</a> 定义链接.

但是如果我这样做会怎样:

<html>
<head></head>
<body>
<nav>
<a href="#/crisis-center">Crisis Center</a>
</nav>

<div>
<my-app></my-app>
</div>
</body>
</html>

这对应用内的导航有用吗?

我想将它们保留在应用程序之外的原因是因为我有很多基于 Symfony 变量的权限处理(隐藏/显示),所以我宁愿用它来管理菜单。

最佳答案

那很好,但是使用 RouteConfig 和 router-outlet 的主要原因是因为它在不刷新页面的情况下将页面的那部分加载到 router-outlet 中。所以,只要知道如果你使用普通的 anchor 标签,它将不再是一个 SPA(单页应用程序)。

关于javascript - 在 Angular 2 中的应用程序模板之外定义路由链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36339772/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com