如何解决不需要的 Angular 路由行为?

How to solve unwanted Angular Routing behavior?

Angular 文档提供了关于如何将路由添加到他们的应用程序的清晰说明。我在实现应该是页面重定向的过程中出现了奇怪的行为。我已经更新了 NPM,创建了多个测试服务器,但当我在 URL 中输入新页面时,我仍然得到了有趣的行为。有时它只是停留在 app.component 上,视觉上什么也没有发生。

行为

和代码

我已经使用 Ionic/Angular 一年多了,从未遇到过路由问题。 Rofl 组件正在被路由器接受,但该组件的 HTML 只是一个 <p> 标记。当我在“app.component.html”上 运行 “ctrl + f” 时,任何地方都没有 rofl 搜索词。为什么“app”和“rofl”组件在视图中组合在一起?

路由内容显示在 <router-outlet></router-outlet> 标记的位置。

当您创建项目 (ng new myProject) 并通过选择提示选项选择添加路由功能时,已在 AppComponent 的末尾添加了一个 <router-outlet></router-outlet> 模板。

因此,通过路由到“/rofl”,它会显示应用程序的基本内容 (AppCompnent),然后是路由组件 (RoflComponent) 的内容。