Angular中关于下拉框select与接口

Angular中关于下拉框select与接口

hello!小伙伴们,早上好啊,今天我要分享的就是下拉框接上了接口之后,却没有数据。
我碰到的主要是有三个原因:
第一个原因,运行的时候报了404,说明这个接口不存在,或已经被删除;
第二个原因,这个接口没有调用成功,或者没有调用,运行时可能会报500
第三个原因:调用了这个接口之后没有在ngOnit()中执行

那么正确的写法是什么呢?让我们来看看吧!
第一步:建一个下拉框,下拉框与接口用*ngFor中的dataWorkShop来联系
在这里插入图片描述
第二步:给dataWorkShop赋值,在这里插入图片描述
第三步:接入接口
在这里插入图片描述
第四步:在ngOnit中执行接入了接口的方法在这里插入图片描述
最后,查看我们的下拉框列表中是否有数据,如果还是没有的话,就打开开发者工具看看,或者打个断点调试一下。在这我还是要说一下,遇到bug的时候不要慌,因为每一个bug都是有原因的。
那今天的分享就到这了,如果富贵儿有帮到你的话,就请给富贵儿点个赞吧,小伙伴们如果有什么问题或者分享也可以在评论中留言,如果没有帮到大家的话,小伙伴们就当个故事看看吧!欧开,散会!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值