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

本文介绍了Angular框架中基于TypeScript的数据定义方法,包括四种不同的声明方式:指定类型的公共变量、任意类型的公共变量、默认的公共变量以及省略声明的简写形式。还提到了在实际项目中推荐的写法,并提及了数据循环展示的`*ngFor`指令。


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)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值