如何在 Angular Material 设计中实现入职/演练页面？
How can I implement an Onboarding / Walkthrough page in Angular Material Design?
谁能告诉我如何在 Angular Material Design (Electron) 中创建 Onboarding/Walkthrough？
我对 Angular 的整个世界还是陌生的。基本上我需要有一个如下图所示的桌面应用程序。显示一组图像，并允许用户通过单击箭头图标在页面之间导航。
我找不到关于从哪里开始的任何示例或教程。
有人可以帮助我入门吗？
谢谢。
请注意，您的问题等同于询问如何构建简单的二冲程发动机。里面并没有那么多零件（幸运的是我们不必自己加工它们），但是如果您想学习如何设计零件和把它们放在一起。因此（我假设）其他人留下了反对票 - 你可能会发现更多更有用的回答以及更具体的问题，这些问题表明你做了什么研究，你尝试了什么，什么没有奏效，以及为什么你认为它应该有效。
有很多关于 angular 各个方面的教程，可以通过简单的 Google 搜索找到，但我假设您正在寻找关于您想要做什么的教程;当谈到前端编程（实际上是所有重要的编程）时，每个人的需求都会略有不同，因此很难找到一个教程来解释您想要制作的确切程序，尤其是对于企业产品。我建议选择一个入门教程并通读它（main Angular one 也不错）——你当前的项目不需要所有这些，但它会让你学习 [=] 的基础知识40=]，以及从那里开始学习如何构建您的特定应用程序。
一般信息：
Angular 让您可以制作一个网络应用程序，托管在某个域上。
一个项目由一定数量的组件组成，这些组件必须包含在 app.modules.ts 文件中（当您使用 angular-cli 创建它们时自动完成）。
组件可以放在不同的 url 上，通过路由器管理（app.routing.ts，也是自动生成的），或者可以相互嵌套。每个组件都需要一个 html 模板来描述它是如何显示的。您可以直接使用 html.
中组件 class 的属性
不过，您不一定需要为每个演练屏幕设置路线和组件 - angular 的强大之处在于能够创建一个页面，该页面会根据用户输入动态变化。大多数网络应用程序将需要许多页面，每个页面都可以根据输入进行更改，但在您的情况下，我希望您只需要一个页面。 （查看 Single Page Applications - SPA）
那么该 slack 教程中包含哪些内容？有一个背景、一个静态 'skip' 按钮、1 或 2 个动态箭头以及底部的一系列点。我希望您需要一个带有背景列表的组件。查看 *ngIf 中的箭头，*ngFor，以及你的跳过按钮的路由器。
不过，您可以使用一个主要组件，并为每个子页面使用一组组件，而不是背景列表，使用 mat-tab-groups。这将使页面切换变得相当简单。
谁能告诉我如何在 Angular Material Design (Electron) 中创建 Onboarding/Walkthrough？
我对 Angular 的整个世界还是陌生的。基本上我需要有一个如下图所示的桌面应用程序。显示一组图像，并允许用户通过单击箭头图标在页面之间导航。
我找不到关于从哪里开始的任何示例或教程。
有人可以帮助我入门吗？
谢谢。
请注意，您的问题等同于询问如何构建简单的二冲程发动机。里面并没有那么多零件（幸运的是我们不必自己加工它们），但是如果您想学习如何设计零件和把它们放在一起。因此（我假设）其他人留下了反对票 - 你可能会发现更多更有用的回答以及更具体的问题，这些问题表明你做了什么研究，你尝试了什么，什么没有奏效，以及为什么你认为它应该有效。
有很多关于 angular 各个方面的教程，可以通过简单的 Google 搜索找到，但我假设您正在寻找关于您想要做什么的教程;当谈到前端编程（实际上是所有重要的编程）时，每个人的需求都会略有不同，因此很难找到一个教程来解释您想要制作的确切程序，尤其是对于企业产品。我建议选择一个入门教程并通读它（main Angular one 也不错）——你当前的项目不需要所有这些，但它会让你学习 [=] 的基础知识40=]，以及从那里开始学习如何构建您的特定应用程序。
一般信息：
Angular 让您可以制作一个网络应用程序，托管在某个域上。
一个项目由一定数量的组件组成，这些组件必须包含在 app.modules.ts 文件中（当您使用 angular-cli 创建它们时自动完成）。
组件可以放在不同的 url 上，通过路由器管理（app.routing.ts，也是自动生成的），或者可以相互嵌套。每个组件都需要一个 html 模板来描述它是如何显示的。您可以直接使用 html.
中组件 class 的属性不过，您不一定需要为每个演练屏幕设置路线和组件 - angular 的强大之处在于能够创建一个页面，该页面会根据用户输入动态变化。大多数网络应用程序将需要许多页面，每个页面都可以根据输入进行更改，但在您的情况下，我希望您只需要一个页面。 （查看 Single Page Applications - SPA）
那么该 slack 教程中包含哪些内容？有一个背景、一个静态 'skip' 按钮、1 或 2 个动态箭头以及底部的一系列点。我希望您需要一个带有背景列表的组件。查看 *ngIf 中的箭头，*ngFor，以及你的跳过按钮的路由器。
不过，您可以使用一个主要组件，并为每个子页面使用一组组件，而不是背景列表，使用 mat-tab-groups。这将使页面切换变得相当简单。