如何链接Angular中的内部文件？

Question

我正在尝试从导航栏链接我的登录页面.这就是我对navbar的看法:

<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>

这是我的文件结构:

但是,它只是没有链接到组件.我得到的错误是:

core.js:1542 ERROR错误:未捕获(在承诺中):错误:无法匹配任何路由.网址细分:'登录'

我使用相对路径错了吗？我怎样才能解决这个问题？谢谢!

Answer 1

首先,您需要在app.module.ts中的routes数组中设置所有路径.请检查一下你是否完美地开发了它.