什么是角路由？答案

【问题标题】：What is Angular Routing?什么是角路由？
【发布时间】：2019-07-24 18:09:48
【问题描述】：

我是这个话题的新手。在我的 linuxmint 17 中，我正在尝试使用 Angular CLI 创建 Firebase Web 应用程序。它询问我有关 Angular 路由的信息。

什么是 Angular 路由？我要回答什么？

【问题讨论】：

我也不知道答案，谷歌把我带到了这里。但我想说 N，因为如果真的需要，Angular 为什么要问我？
进行英雄之旅。这是研究 Angular 的最佳方式，因为它开箱即用，并解释了最基本的 Angular 概念
我要开始英雄之旅了。我在游览中没有找到答案。我和 Sopan Dan Santun 有同样的问题，谷歌把我带到了这里。
本教程指导您“按 Enter 或 Return 键接受默认值。”诚然，仅查看提示时，尚不清楚这是一个选项。

【解决方案1】：

正如他们已经说过的，路由可以导航到应用程序的不同视图。它是将用户带到 Web 应用程序中不同目的地的主要方式。例如，从主页到联系页面，您需要一条路线，这意味着一条路径或一种方式将您带到那里。这个概念并不是 Angular 特有的。您可以在大多数 MVC 框架中看到这种方法（ASP.Net、Ruby on Rails、Django、Laravel 等）

你应该回答什么。回答是。您正在开始，所以这很好，因为您将有一个基本的结构开始。随着您的成熟，您将能够设置自己的路由并使用中间件进行管理

【讨论】：

【解决方案2】：

当用户执行应用程序任务时，Angular 路由器可以从一个视图导航到下一个视图。

查看https://angular.io/guide/router 了解有关 Angular 中路由的更多详细信息。

如果您说“是”，那么 CLI 会自动将路由器配置添加到您的项目中。

【讨论】：

【解决方案3】：

如果您使用最新的 CLI 创建 Angular 项目，它会要求您为项目添加角度路由，这是 Angular CLI 新引入的功能。如果您在创建项目时键入“Y”，则会添加“app-routing.module.ts”，否则不会添加此类文件。但是路由功能会嵌入到 'app.module.ts' 文件中。

所以当你刚接触 Angular 时，这两个选项都不会产生太大影响。一旦你学习了 Angular 路由的概念，你就会有一个更好的想法。

有关 Angular 路由的更多信息，请访问 angular official routing document。

【讨论】：

【解决方案4】：

你可以试试这个..

ng new demo-app --routing --style=sass

它将添加路由模块并将样式设置为提前 sass，所以它会不问就做。

注意：您还可以添加--strict 以避免它要求更严格的类型检查 ng new demo-app --routing --style=sass --strict

【讨论】：

欢迎来到 StackOverflow ！最好解释一下命令的作用，而不是仅仅发布它，
@maheshmnj 是对的，但我会给你 +1 来教我避免互动所需的选项！
它没有回答问题。

【解决方案5】：

Angular 路由可以在用户执行任务时从一个视图导航到另一个视图。它将根据您的指示路由（导航）您。例如，如果您想在按钮单击时从 page1 转到 page2，那么 route 将为您提供帮助。

阅读角度文档。 https://angular.io/guide/router

【讨论】：

【解决方案6】：

Angular 路由是将用户引导到他们想要执行其操作的相关页面的方法。换句话说，一个 Angular 应用程序中可能有多个组件。路由是实现这些组件之间连接的方式。如果你说是，Angular 会将app-routing.module.ts 文件添加到你的应用文件夹中。您可以将组件信息和 URL 设置添加到该文件，如下例所示。

import { Routes, RouterModule } from '@angular/router';
import { AdminOrganizationComponent } from './admin-organization/admin-organization.component';
import { LoginComponent } from './login/login.component';    

const routes: Routes = [
  {
    path: '',
    component: LoginComponent,  //Go to login page
  },
  {
    path: 'organizations',
    component: AdminOrganizationComponent, //Go to organization page
  },
  { path: '**', redirectTo: 'login', pathMatch: 'full' } //If path is not match to, redirect to login page
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

【讨论】：

【解决方案7】：

你也可以试试这个

ng new app --routing

【讨论】：

【解决方案8】：

Angular 应用程序构建为组件的层次结构（或组件树），它们使用输入和输出相互通信。组件控制屏幕的一个补丁，该补丁使用组件的模板进行渲染，该模板在@Component 装饰器中指定为元信息。

@Component 装饰器将一个类标记为 Angular 组件，并提供配置元数据来确定组件在运行时应如何处理、实例化和使用。

Angular 路由允许将多个视图映射到 URL，这要归功于 Angular router，这是 Angular 平台的基本元素。它允许开发人员使用路由和组件构建具有多个状态和视图的单页应用程序，并允许客户端导航和各个组件之间的路由。它由 Angular 开发背后的核心团队构建和维护，包含在 @angular/router 包中。

Angular 中的路由也称为组件路由，因为路由器将单个组件或组件的层次结构映射到特定的 URL。

【讨论】：

【解决方案9】：

在基本层面，路由允许 Angular 显示不同的“页面”或组件。如果您想在应用程序中的页面之间导航，您可能想要拥有它。如果你添加它应该不会有任何伤害，但不要使用它。你的应用只会稍微大一点。

【讨论】：