在 MEAN Stack 中添加注册表单

在上一节中，我们设计了登录表单并处理了用户输入。 我们已经有了登录表单，现在，我们需要添加或设计我们的注册表单。 我们使用以下步骤添加或设计注册页面

1) 我们的注册表单看起来很像登录表单。 因此，在我们的注册文件夹中，我们将粘贴所有三个登录文件并重命名它们。

2) 在 signup.component.ts 文件中，我们将用 signupForm 重命名本地引用，用 onSignup() 重命名调用函数名称，并用 "Signup" 重命名按钮的标题。

3) 我们将返回到我们的 typescript 文件，在那里我们将用 signupcomponent 重命名类名。 我们还将在此处更改方法名称，因为此时它将是 onSignup。 我们还将更改 templateUrl 和 styleUrls，因为我们希望在此处加载注册组件的 html 和 CSS 文件。

4) 我们将返回到我们的 module.ts 文件以注册注册组件。 我们将以与注册登录组件相同的方式注册注册组件。

5) 我们将转到我们的 app-routing.module.ts 文件，并像注册 logincomponent 一样为我们的注册组件注册路由。

6) 现在，我们需要更新标题，以便我们有一个链接指向该注册组件。 我们将在此处复制列表项，转到 /signup 并将标题替换为 signup。

现在，如果我们返回到我们的 angular 应用程序，我们将看到注册按钮和表单。

我们有了登录和注册表单，现在我们需要为此创建后端，为此，我们将创建允许我们这样做的路由。 我们还将使用 Mongoose 处理新用户并将它们存储在数据库中。 我们将在下一节中稍后完成所有这些事情。