Question

所以我尝试了我在网上找到的所有东西，但没有任何效果。

所以我按照关于路由的角度的文档：https://angular.io/docs/ts/latest/guide/router.html

这是我的login.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-login',
  template: './login.component.html',
  styleUrls: ['./login.component.css'],
})
export class LoginComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
}

和我的login.component.html

<p>Test login</p>
<router-outlet></router-outlet>

错误：错误：找不到加载'LoginComponent'的主插座在getOutlet

所以我有点迷失在这里。我尝试使用：“template：（HTML HERE）”而不是templateUrl，同样的事情......

谢谢！

顺便说一句，由于ROUTER_DIRECTIVES已被弃用，因此不会重复。

Answer 1

<router-outlet></router-outlet> 需要放在 rootcomponent 或 appcomponent 内。

此处不确定但看起来您想通过 loginComponent 加载 router ，如果我没错。

请在您的根或应用组件中添加router-outlet。

（注意： 来自 LoginComponent ，如果它不是您的 {{1} }} ）

错误：无法找到要加载

1 个答案: