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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容