在 Angular2 组件外部创建锚点

Question

我正在尝试使用 aspnet core 1.0 创建一个 angular2 站点。我现在使用的是标准模板（不是为了设计奖，只是想感受一下angular2和aspnet core 1.0，以及它们如何协同工作）

除了默认的授权控制器，我还有两个剃刀视图。如果您未登录，您将获得一个欢迎页面，以及一个包含实际 angular 应用程序的页面。

该模板类似于基本的 bootstrap 模板，顶部有一个导航栏。这是困难的部分。导航栏是共享剃刀布局的一部分，因此不是 angular 组件。

旧的 ngRouter 使用简单的锚点在视图之间导航，但据我所知，新的路由器要求链接位于组件的模板中。有什么解决办法吗？

Answer 1

考虑到您在 RouteConfig 中定义了路径，您可以将散列位置策略 (docs) 与 [href] 指令一起使用。例如：

您的 link 在模板之外的某处

<a [href]="'#/users/new'">Test</a>

boot.ts

import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app';
import {ROUTER_PROVIDERS, LocationStrategy,HashLocationStrategy} from 'angular2/router';
import {provide} from 'angular2/core'

bootstrap(AppComponent, [ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy})]);

在 Angular2 组件外部创建锚点

Creating anchors outside component in Angular2

angular

angular2-routing