angular - 如何解决不需要的 Angular 路由行为？

Question

Angular 文档提供了有关如何向其应用程序添加路由的明确说明。在实现应该是页面重定向的过程中，我遇到了奇怪的行为。我更新了 NPM，创建了多个测试服务器，但当我在 URL 中输入新页面时，我仍然会得到有趣的行为。有时它只是停留在 app.component 上，并且在视觉上根本没有发生任何事情。

行为

和代码

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

标签： angularangular-router

Answer 1

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

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

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