您想添加角度路由吗?

时间:2019-03-03 06:23:56

标签: angular firebase web

我是这个主题的新手。 在我的linuxmint 17中,我试图开始使用Angular CLI创建Firebase Web应用程序。它问我关于角度布线的问题。

什么是角路由?我该怎么回答?

谢谢。

9 个答案:

答案 0 :(得分:3)

  

当用户执行应用程序任务时,Angular Router可以从一个视图导航到另一个视图。

检查https://angular.io/guide/router,了解有关在Angular中进行布线的更多详细信息。

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

答案 1 :(得分:0)

当用户执行任务时,通过角度路由可以从一个视图导航到另一个视图。 它将按照您的指示对您进行导航(导航)。 例如,如果您想从按钮上从第1页跳到第2页,那么路由将为您提供帮助。

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

答案 2 :(得分:0)

您可以尝试这个..

ng新的演示应用--routing --style = sass

答案 3 :(得分:0)

正如他们已经说过的那样,将anables导航路由到应用程序的不同视图。这是将用户带到Web应用程序中不同目的地的主要方法。例如,从首页到联系页面,您需要一条路线,即到达目的地的路径或方式.Angular并不特定于此概念。您可以在大多数MVC框架(ASP.Net,Ruby on Rails,Django,Laravel等)中看到这种方法。

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

答案 4 :(得分:0)

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

因此,当您刚接触Angular时,这两个选项都不会产生太大影响。。一旦学习了角路由概念,您将拥有更好的想法。

有关“角行程”的更多信息,请访问角official routing document

答案 5 :(得分:0)

您也可以尝试

ng new app --routing

答案 6 :(得分:0)

Angular应用程序被构建为使用输入和输出相互通信的组件层次结构(或组件树)。组件控制着屏幕的补丁,该补丁使用在@Component装饰器中指定为元信息的组件模板来呈现。

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

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

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

答案 7 :(得分:0)

角度路由是将用户定向到他们要执行其操作的相关页面的方法。换句话说,单个角度应用程序中可能有多个组件。路由是实现这些组件之间连接的方法。如果您选择是,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 {}

答案 8 :(得分:0)

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