AngularJs之数据绑定

个人拙见:AngularJa使用中感觉最真实的是去打了DOM操作

假设在我们访问的页面中需要显示后台读取的数据,通常情况下

我们是使用ajax请求数据后,通过DOM操作元素将数据显示在组件上

AngularJs的数据绑定在这里我们暂且不使用数据库,使用数组来模拟。


1.在.ts中新建一个类(特别像java8),如图所示:


分别是商品的id、商品名称、商品价格、商品星级、商品描述、商品类别

2.在oninit()中初始化数据如图所示:

3.在页面中使用 *ngFor=“let product of products ”

products 代表在.ts中生命的对象名称

product 表示将要使用的数组别名

通过插值表达式引入数值{{product.id}}将数组显示在组件上

如图所示:



效果图如下所示:



猜你喜欢

转载自blog.csdn.net/huangliniqng/article/details/78385922