利用Angular语言获取base64格式网络图片，并实现网络请求错误处理机制；同时利用Angular编写服务

一、目的

1. 学习并熟练使用HttpClient进行异步请求，并编写服务端处理HTTP GET方法的技术。
2. 理解并应用网络错误处理机制的相关技术。
3. 熟悉并有效利用组件订阅机制的应用方法和技术手段。

二、内容

1. 将组件命名为GetImageComponent并放置于src/app/components/get-image目录下
2. 创建位于src/app/components/services目录下的服务命名为GetImageService
3. GetImageComponent 的 HTML 要求：生成相应的HTML文件，并确保其符合指定的要求。

1. 生成四个按钮类型的标识符，并分别为它们分配id值分别为btn1、btn2、btn3、btn4；
2. 设置一个用于显示图片的标识符，并为其分配id值img；
3. 提醒注意的是，在未获取到图片之前不要在页面上展示img标识符；其中每一个按钮被点击触发的动作都需要系统通过调用GetImageService服务并发送HTTP GET请求来获取相应的图片数据。

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/NJPMiqcpz7Zlo6WOGa1xm8h54n9