angular2假数据

前言

其实这方面的特别简单但是以前不知道为什么就是不懂!可能我们原理没有搞明白把!无论学习什么东西我们都应该做的与旧知识进行联系!才会发现很简单


What 假数据

假数据很简单就是让页面呈现假数据,及时我们与后端不管连也可以实现假的数据,为什么前端会有假数据,因为当后端与前端进行分离之后,我们无法判断前端的功能是否正确所以使用假数据进行测试


How 假数据

跟大家实现关于文本框中的假数据,一般我们的假数据存放在一个服务中例如图中的信息都是假数据,那我们如何调用呢?
1.模拟出假数据
这里写图片描述


2.在自己相应的模块中引入假数据的地址,在上一篇博客中我讲解过拦截器的知识,其实请求方式,所以不细讲了,我们地址写在url中通过get请求我们就得到了我们的假数据

这里写图片描述


3如何显示在页面上?根据上幅图我们可以看出我们查循的数据给了ClassNameOptions(这里的ClassNameOptions是我定义的数组),让我们看看如何在页面显示的
这里写图片描述

关于*ngFor我的博客中讲过大家可以去看看,不做解释了,大家可以看到ClassNameOptions,就是跟html连接的关键,如果你写错了是显示不出来的
hml与ts的真正连接是
这里写图片描述


总结

这种假数据绑定对应的是图书馆和itoo的假数形式,这种形式无法实现删除和添加数据,但是有另一种机制可以实现,下次分享

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 24
    评论
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王雪芬-ghqr-264962

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值