Angular笔记三——绑定数据以及数据循环

程序开发 2023-09-04 20:52:19

数据循环

绑定数据方法

上一个笔记将过绑定数据的一个方法通过public，我们也可以不写public，默认下就是public声明。但是推荐在绑定数据后面加上数据类型：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-atN00o9T-1604023448150)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/1.jpg)]

也可以指定any类型，表示任意类型。

声明属性的几种方式：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LngA2G6a-1604023448152)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/2.jpg)]

动态数据的属性，用中括号包起来。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VvzYLOLH-1604023448154)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/3.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sb7FEG8f-1604023448156)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/4.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EIxEEhpK-1604023448157)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/5.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zcDBUyzO-1604023448159)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/6.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KyLlG5Mg-1604023448160)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/7.jpg)]

要使用到*ngFor语句。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y1Qez0Bn-1604023448162)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/8.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q1d5mdKy-1604023448164)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/9.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ELqTjeUe-1604023448166)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/10.jpg)]

一般建议用下面方式定义数组，虽然意义是一样的。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GS2rBph7-1604023448169)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/11.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nSp74UdP-1604023448179)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/12.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aR7PfjvN-1604023448181)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/13.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lSKKZEPn-1604023448182)(/Users/mac/Desktop/MarkDown /Angular笔记/笔记三/14.jpg)]

标签：

上一篇：实例QT程序 —— QTableWidget 表格添加/删除单元格控件下一篇：