使用Angular CLI创建新的模块和路由

如果您是Angular开发人员，在构建新的组件或整个应用程序时，您可能会发现自己需要一些新的模块和路由。在这种情况下，您可以使用Angular CLI来创建它们。在本文中，我们将介绍如何使用命令行工具ng来创建一个新模块和路由。

准备工作

在开始之前，请确保您已经安装了以下软件：

• Node.js和npm
• Angular CLI

如果您还没有安装Angular CLI，请打开命令行工具并输入以下命令：

npm install -g @angular/cli

创建新模块和路由

要创建新的模块和路由，请使用以下命令：

ng new module-name --routing

将module-name替换为您要创建的模块的名称。

我们还可以指定任何其他选项，例如要使用的语言。例如，要在创建模块时使用JavaScript而不是默认的TypeScript，请运行以下命令：

ng new module-name --routing --language js

这将创建一个新的Angular模块，并在该模块中包含一个路由器。此设置有助于简化路由处理，并使我们更轻松地创建嵌套视图。

您现在可以进入新的模块文件夹并运行以下命令来启动应用程序：

cd module-name
ng serve

这将启动本地服务器，并在浏览器中打开您的新Angular应用程序的默认页面。

添加新路由

在创建了带有内置路由的新模块之后，我们可以通过编辑模块中的app-routing.module.ts文件来添加新路由。

例如，要添加一个名为/about的新路由，请将以下代码添加到导出类的routes数组中：

{ path: 'about', component: AboutComponent }

这将指定当用户导航到/about路径时加载AboutComponent。

在添加新路由后，您可以在应用程序中的其他组件中使用routerLink指令来导航到该路由。例如，要添加一个指向/about页面的链接，请在HTML模板中使用以下代码：

<a routerLink="/about">About</a>

结论

通过使用ng命令行工具，我们可以快速创建新的Angular模块和路由。这使得构建完整的Angular应用程序变得更加容易和快捷。