我们将首先从一个空文件夹中搭建一个 Angular Material 应用程序，为它添加一个主题和手势支持。接下来，我们将从一些导航菜单和图标开始探索 Angular Material 组件。
这里的目标是通过将 Angular Material 组件与几个定制组件和一些 HTML/CSS 混合在一起，表明它也可以以更增量的方式使用 Angular Material 组件。在本节的后面，我们将使用一个更高级的菜单系统，其中 Angular Material 实质上接管了整个应用程序布局，并带有侧菜单组件。
然后我们将介绍容器组件，例如 Tab Containers 和 Material Cards，我们将展示一个完整的示例，说明如何使用带有数据源、分页和排序的数据表。我们还将展示如何使用 Modals 来编辑数据表中的一些数据，为此我们将使用多种不同类型的表单组件来构建一个可编辑的表单：日期选择器、滑块等。
在课程结束时，我们将展示我们可以通过构建我们自己的自定义主题来自定义 Angular Material 组件套件的外观和感觉。
Genre: eLearning Video | Duration: 31 lectures (2 hour, 57 mins) | Language: EnglishPractical Guide Angular Material
What you’ll learn
Learn how to setup the Navigation Menu of your Angular Material Application
Learn how to use the Angular Material Widget Library
Requirements
Helpful to know the basics of Angular
You should have NodeJS installed
Description
We will start first by scaffolding an Angular Material application for scratch from an empty folder, add it a theme and gesture support. Next, we will start exploring the Angular Material components starting with some navigation menu and icons.
The goal here is to show that its also possible to use Angular Material components also in a more incremental way, by mixing Angular Material Components with a couple of custom-made components and just some HTML/CSS. Later in this section, we will use a more advanced menu system where Angular Material is essentially taking over the whole application layout, with a side menu component.
We are then going to introduce container components such as for example Tab Containers and Material Cards, and we will show a complete example of how to use a data table with a data source, pagination and sorting. We will also show how to use Modals to edit some of data in the data table, for which we will use multiple different types of form components to build an editable form: date pickers, slider, and more.
At the end of the course, we will show we can customize the look and feel of the Angular Material component suite, by building our own custom theme.
Who this course is for:
Anyone interested in learning how to build apps using Angular and Firestore.
This course is made with the beginner in mind.
原创文章，作者：steven，如若转载，请注明出处：https://rr3d.cn/14242.html
