在Angular2

Question

我正在尝试使用aspnet core 1.0创建一个angular2站点。我现在正在使用标准模板（不参加设计奖项，只是想了解angular2和aspnet核心1.0，以及它们如何一起玩）

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

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

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

Answer 1

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

你的链接在模板之外的某个地方

<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})]);