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)