angular的基本语法——打破高难度入门观念 （基础篇2）

angular语法基于typescript，这里接不一一列数typescript和JavaScript语法有什么具体区别了，我们只以能使用abgular为前提。

感兴趣的人也能到：https://www.tslang.cn/   详细查看typescript文档查看

1.定义数据 

我们打开一个子组件，在创建的对象的花括号里的顶部去定义数据。

方式一：public 变量：数据类型=数据值。——可以指定数据的类型，并且是该数据是公有的。

方式二：public 数据：any=数据值    ——定义一个公有数据，该数据类型为任意。

方式三：public 数据=数据值 （推荐）——项目中常用写法，定义一个公有数据，不指定类型。

方式四：数据=数据值 ——省略了public和类型，这样写法简答，默认为公有，但本人推荐还是要写明public，容易区分数据类型。

（扩展）声明变量的修饰符，除了public还有private和protected

2.绑定数据

打开组件的html文件，在里面正常标签布局，绑定我们刚才定义的数据，绑定方法为{{数据变量}} ————两个花括号包裹变量。

3.绑定属性

方式一：

方式二：

4.循环数组

A.定义数据

B.循环数据 （*ngFor）