Angular4.x学习之路分享【2】--项目的目录结构说明及相关指令使用

小伙伴们，大家好啊，今天分享angular4.x的项目目录结构以及常用指令的使用，好了，废话不多说，上干货！

1.目录结构分析：（妈哎，图标的好累啊~）

2.组件的分析以及创建

一、创建指令：

ng g component + 组件名

二、常用的指令说明：
1.插值表达式{{}}--文本绑定
例如：

{Angular4.x学习之路分享【2】--项目的目录结构说明及相关指令使用}

2.HTML绑定
例如：

3.数据循环：

3.1.写法一：

如果想要获得下标值，可以这样：

 
{{i}}
 
 

3.2.写法二：

4.条件判断*ngIf:
写法一：

显示的条件

写法二：

显示的条件

5.事件的执行：

6.属性的绑定：

[xxx]="xxxx"

7.双向数据绑定：

{{value}}

重点：一定要在项目中引入FormsModule模块

结尾：好了，本章就分享这么多，下期分享Angular4中的服务service，晚安，拜拜~