Angular学习中遇到的问题

一 VS Code 中Angular开发需要安装的插件：
https://www.cnblogs.com/linzhanfly/p/10673400.html
TSLint：Typescript语法检查
Prettier：代码格式化
IntelliJ IDEA Keybindings：IDEA风格的快捷键
Angular 7 Snippets：Angular语法填充（标签）
Angular Files：生成Angular的文件模板（Component、Module、Pipe等等）
Angular Follow Selector：文件跳转（Component跳转到html、scss文件）
Angular Language Service：引用填充和跳转到定义（html中进行引用补全）
Debugger for Chrome：调试Angular代码

二创建自定义模块：需要模块路由就加 --routing
ng g module pages/user
ng g module pages/user --routing

有了user模块的路由，文件，就应该在user的html中写<router-outlet></router-outlet>
懒加载的模块的任何组件不需要import引入,而是需要给组件创建自定义模块，引入的是welcome.module.ts模块
eg：

{ path: 'welcome', loadChildren: () => import('./pages/welcome/welcome.module').then(m => m.WelcomeModule) },

三在angular中用ant Design的时候，按照ant design里快速上手的步骤来自己全局导入，发现ant design的样式还是不能显示，少了一步全局样式引入：

@import "~ng-zorro-antd/src/ng-zorro-antd.css"

所有步骤为：
1.安装最新的angular脚手架（antd支持angular5.0以上的版本，所以最好把你的脚手架更新）
npm install -g @angular/cli@latest

2.新建项目
ng new my-app

3.下载antd
npm install ng-zorro-antd --save

4.引入以下两个模块（BrowserModule和ngModule等就不在下面写了，这里只写新添的模块）

import {BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgZorroAntdModule } from 'ng-zorro-antd';

5.注入以上两个模块

imports: [ BrowserAnimationsModule, NgZorroAntdModule]

6.最重要的一步
在src目录下style.css文件里引入

@import "~ng-zorro-antd/src/ng-zorro-antd.css";

四 使用form表单报错：Can't bind to 'formGroup' since it isn't a known property of 'form'

是因为在app.module.ts中没有引入一个表单模块：

import {FormsModule, ReactiveFormsModule} from '@angular/forms'; // 表单

五遇到的问题：

angular的ant-design表格中，因为使用分页导致每一页的index索引都从1开始？

Angular学习中遇到的问题

猜你喜欢