如何在 Angular 中 link 内部文件？

Question

我正在尝试从导航栏 link 我的登录页面。这就是我的导航栏：

<div class="navbar-container">
  <ul id="slide-out" class="side-nav center-align">
    <li>
      <div class="user-view center-align">
        <a><i class="medium material-icons close-button">close</i></a>
      </div>
    <li><a routerLink="../login">Login</a></li>
  </ul>
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="small material-icons {{updateMe()}}">filter_list</i></a>
</div>

这是我的文件结构：

但是，它只是不 link 组件。我得到的错误是：

core.js:1542 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'

我是不是用错了相对路径？我怎样才能解决这个问题？谢谢！

Answer 1

首先，您需要在 app.module.ts 中的路由数组中设置所有路径。请检查您是否已完美开发它。

Answer 2

您需要在 app.routing.module.ts 中配置路由，如下所示，

@Routes([
    {path: '/login', component: LoginComponent,useAsDefault: true}
])

如何在 Angular 中 link 内部文件？

How do I link internal files in Angular?

html

filepath

angular2-routing

routerlink

angular