谁能告诉我如何在 Angular Material Design（电子）中创建入门/演练？
我对 Angular 的整个世界还是陌生的。基本上我需要一个如下图所示的桌面应用程序。显示一堆图像，并允许用户通过单击箭头图标在页面之间导航。
我找不到任何关于从哪里开始的示例或教程。
谁能帮我入门？
谢谢。
【问题讨论】：
标签： angular typescript angular-material material-design walkthrough
您知道，您的问题相当于询问如何构建简单的二冲程发动机。里面没有那么多零件（幸运的是我们不必自己加工它们），但是如果您想学习如何设计零件和把它们放在一起。因此（我假设）其他人留下的反对票 - 您可能会发现更多更有用的回复，其中包含更具体的问题，显示您所做的研究，您尝试过的内容，以及无效的内容，以及原因你认为它应该有效。
有很多关于 Angular 各个方面的教程，可以通过简单的 Google 搜索找到，但我假设您正在寻找关于您想要做什么的教程；当涉及到前端编程（实际上是所有非平凡的编程）时，每个人的需求都会略有不同，因此很难找到一个教程来解释你想要制作的确切程序，尤其是对于企业产品。我建议选择一个介绍教程并通过它（main Angular one 不会很糟糕） - 你当前的项目不需要所有它，但它可以让你学习角度的基础知识，并从在那里，如何开始学习构建您的特定应用程序。
一般信息：
Angular 允许您创建一个 web 应用程序，以托管在某个域上。
一个项目由一些组件组成，这些组件必须包含在 app.modules.ts 文件中（使用 angular-cli 创建它们时会自动完成）。
组件可以放在不同的 url 上，通过路由器管理（app.routing.ts，也是自动生成的），或者可以相互嵌套。每个组件都需要一个 html 模板来描述它是如何显示的。可以直接在html里面使用组件类的属性。
您不一定需要为每个演练屏幕提供路线和组件 - Angular 的强大之处在于能够创建一个页面，该页面可以根据用户输入动态更改。大多数 webapps 将需要许多页面，每个页面都可以根据输入进行更改，但在您的情况下，我希望您只需要一个页面。 （查看Single Page Applications - SPA）
那么，该松弛教程中有哪些内容？有一个背景、一个静态的“跳过”按钮、1 或 2 个动态箭头，以及底部的一系列点。我希望您需要一个带有背景列表的组件。查看*ngIf 中的箭头、*ngFor 和路由器中的跳过按钮。
不过，您可以使用mat-tab-groups，而不是背景列表，使用一个主要组件和一组用于每个子页面的组件。它会让页面切换得很好。
【讨论】：