Angular (Full App) with Angular Material, Angularfire NgRx 第3章 21节

建立 material.module.ts 统一存放 Angular Material 元件

import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';@NgModule({imports: [MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule],exports: [MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule],
})
export class MaterialModule {}

然后在 app.module.ts Import

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialModule } from './material.module';@NgModule({declarations: [AppComponent,],imports: [BrowserModule,AppRoutingModule,BrowserAnimationsModule,MaterialModule,],providers: [],bootstrap: [AppComponent],
})
export class AppModule {}

Angular (Full App) with Angular Material, Angularfire NgRx 第3章 21节相关推荐

Angular (Full App) with Angular Material, Angularfire NgRx 第3章
ng new fitness-tracker # 选 routing Y 和 sasscd fitness-tracker ng add @angular/materialng g c auth/si ...
如何从Angular 5 App升级到Angular 6
在这篇文章中,您将学习如何更新或移植Angular 5应用程序(使用Angular 5.1或Angular 5.2版本)来使用Angular 6.0.0. 以下是一些涵盖的要点: 先决条件将Ang ...
Angular Web App部署Linux Nginx Https
Angular Web App部署Linux Nginx Https 提示:这篇文章是基于内网的互联网就开始将 WEB 服务从 HTTP 迁移到 HTTPS,而现在为了更快的推进 HTTPS 的普及 ...
Angular Web App部署Ubuntu Nginx
Angular Web App部署Ubuntu Nginx 当我们想发布Angular Web App的时候,我们想在开发的时候部署测试,那么这篇文章使用Nginx来部署我们的Angular 系统环境 ...
swagger 源代码_我们如何使用swagger代码生成器从Angular 4更新到Angular 5
swagger 源代码 by Mark Grichanik 马克·格里卡尼克(Mark Grichanik) 我们如何使用swagger代码生成器从Angular 4更新到Angular 5 (How ...
如何在Angular框架中更好地使用字体？一篇文章解答！
作为前端开发人员,在Angular JS中构建项目时,使用自定义字体可能会很棘手.有时候,如果开发者想要把选择的字体添加到项目中,将不得不把它导入到现有的代码中. PS:Kendo UI致力于新的开发 ...
Angular随记：Angular CLI安装及使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档目录一.安装 Angular CLI 二.Angular CLI 使用 1.命令总览 2.创建应用 3.启动运行项目 4.创建指定的 ...
angular 代码生成器_使用Angular 10构建QR代码生成器
angular 代码生成器 In this tutorial, we'll learn how to build a QR Codes generator application using the ...
破境Angular（三）Angular构件之模块
一.知识点 Angular模块核心知识点如下: 1.模块的作用. 2.模块各个元数据的含义和作用 3.模块有哪些分类,分类原则 4.模块的惰性加载机制 5.开发时如何对模块进行规划二.模块作用首先 ...

Angular (Full App) with Angular Material, Angularfire NgRx 第3章 21节

Angular (Full App) with Angular Material, Angularfire NgRx 第3章 21节相关推荐

最新文章

热门文章