Angular2框架入门笔记（一）：概念、搭建环境、模板语法、组件

一、什么是Angular

 
  Angular是一款来自Google、最初版本诞生于2009年的前端框架。
  最初版本的AngularJS（即Angular 1.x）是基于JavaScript的框架。专注于Web开发。
  2016年发布的Angular（即Angular 2 + ）基于TypeScript，目前已更新到Angular8版本。支持原生移动应用。
  AngularCLI是Angular2的工程化构建工具，可以快速构建项目、生成应用等。
 

二、AngularCLI的安装与环境搭建

2.1 搭建环境

安装Node.js并保证版本高于10.9.0。

安装npm包管理器并保证版本高于3.0.0。

用npm命令安装AngularCLI。

检查AngularCLI版本。

2.2创建项目与运行

用CLI命令ng new创建新项目并命名

转到项目的工作空间并运行（–open命令弹出浏览器窗口）

三、模板语法 常用特性

3.1 *ngFor

  该指令可以遍历数组，使其中的每个元素都被渲染一次。
  例子为遍历products数组中的每一个product元素，div中写的内容会被每个元素重复。

<div *ngFor="let product of products"></div>

3.2 *ngIf

  该指令相当于选择语句，在满足表达式条件的情况下执行标签。
  例子1为当product.description属性值存在的时候显示《p》标签。