谁能告诉我如何在 Angular Material Design（电子）中创建入职/演练？
我对 Angular 的整个世界还是陌生的。基本上我需要一个如下图所示的桌面应用程序。显示一堆图像，并允许用户通过单击箭头图标在页面之间导航。
我找不到任何关于从哪里开始的示例或教程。
任何人都可以让我开始吗？
谢谢。
问问题
1516 次
1 回答
0
正如您所知，您的问题相当于询问如何构建简单的二冲程发动机。里面没有那么多零件（幸运的是我们不必自己加工它们），但是如果您想学习如何设计零件和把它们放在一起。因此（我假设）其他人留下的反对票 - 您可能会发现更多更有用的回复，其中包含更具体的问题，显示您所做的研究，您尝试过的内容，以及无效的内容，以及原因你认为它应该有效。
有很多关于角度各个方面的教程，可以通过简单的谷歌搜索找到，但我假设你正在寻找关于你想要做什么的教程；当涉及到前端编程（实际上是所有非平凡的编程）时，每个人的需求都会略有不同，因此很难找到一个教程来解释您想要制作的确切程序，尤其是对于企业产品。我建议选择一个介绍教程并仔细阅读它（主要的 Angular教程也不错）——你当前的项目不需要所有这些，但它可以让你学习 Angular 的基础知识，并从在那里，如何开始学习构建您的特定应用程序。
一般信息：
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. 使页面切换得非常简单。
于 2019-01-29T20:33:00.600 回答