阶段学习内容进度计划时间第一阶段angular8入门视频进行中2020.10.22~2020.10.29第二阶段TypeScript第三阶段bootstrap

视频学习笔记

一、Angular环境搭建&创建项目&运行项目？1.环境搭建1.1 安装node.js1.2 安装cnpm1.3 安装angular cli(只需安装一次) 2. 创建项目3.运行项目 二、Angular目录结构分析1. 目录结构2.核心文件app.moudle.ts介绍3.创建组件4.使用组件5.组件的数据绑定 三、组件及组件模板1.绑定数据2.绑定属性3.数据循环

一、Angular环境搭建&创建项目&运行项目？

1.环境搭建

1.1 安装node.js

安装最新稳定版本；

1.2 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.3 安装angular cli(只需安装一次)

npm install -g @angular/cli

2. 创建项目

ng new 项目名

3.运行项目

ng serve

二、Angular目录结构分析

1. 目录结构

2.核心文件app.moudle.ts介绍

3.创建组件

ng g component 组件名 创建组件：ng g c *** 创建模块并生成路由：ng g m *** --routing 创建服务： ng g service ***

4.使用组件

在根组件app.moudle.ts中注册（导入+声明）要使用的组件

5.组件的数据绑定

三、组件及组件模板

1.绑定数据

2.绑定属性

3.数据循环