当单击(单击)时，angular 6更改最近图标

当单击时，Angular 6可以通过更改最近图标来实现。Angular 6是一个流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。

要实现当单击时更改最近图标，可以按照以下步骤进行操作：

1. 在Angular 6项目中，首先需要安装所需的图标库。常用的图标库包括Font Awesome、Material Icons等。可以通过npm包管理器安装这些图标库，例如运行以下命令安装Font Awesome：
2. 在Angular 6项目中，首先需要安装所需的图标库。常用的图标库包括Font Awesome、Material Icons等。可以通过npm包管理器安装这些图标库，例如运行以下命令安装Font Awesome：
3. 在Angular组件的HTML模板中，使用适当的HTML元素和CSS类来显示图标。例如，使用Font Awesome图标可以在HTML模板中添加以下代码：
4. 在Angular组件的HTML模板中，使用适当的HTML元素和CSS类来显示图标。例如，使用Font Awesome图标可以在HTML模板中添加以下代码：
5. 这将在页面上显示一个心形图标。
6. 在Angular组件的TypeScript文件中，使用事件绑定来捕获单击事件。可以使用Angular的事件绑定语法，例如在HTML模板中添加以下代码：
7. 在Angular组件的TypeScript文件中，使用事件绑定来捕获单击事件。可以使用Angular的事件绑定语法，例如在HTML模板中添加以下代码：
8. 在TypeScript文件中，定义一个名为changeIcon()的方法来处理单击事件。在该方法中，可以通过修改组件的属性来更改最近图标。例如，可以使用一个布尔类型的属性来表示图标的状态，并在单击事件中切换该属性的值：
9. 在TypeScript文件中，定义一个名为changeIcon()的方法来处理单击事件。在该方法中，可以通过修改组件的属性来更改最近图标。例如，可以使用一个布尔类型的属性来表示图标的状态，并在单击事件中切换该属性的值：
10. 在HTML模板中，根据图标的状态来动态显示不同的图标。可以使用Angular的条件语句来实现这一点。例如，根据isHeartFilled属性的值来显示不同的图标：
11. 在HTML模板中，根据图标的状态来动态显示不同的图标。可以使用Angular的条件语句来实现这一点。例如，根据isHeartFilled属性的值来显示不同的图标：
12. 这将根据isHeartFilled属性的值显示一个填充的心形图标或一个空心的心形图标。

通过以上步骤，当单击按钮时，Angular 6将根据图标的状态来更改最近图标。这是一个简单的示例，你可以根据实际需求进行扩展和定制。

腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。