使用Angular在输入后添加图标

可以通过以下步骤实现：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在需要添加图标的组件的HTML模板中，使用Angular的双向数据绑定将输入框的值绑定到组件的属性上，例如：

<input [(ngModel)]="inputValue" (input)="onInputChange()">

这里的inputValue是组件中的一个属性，用于存储输入框的值。(input)事件监听输入框的变化，当输入框的值发生变化时，会调用onInputChange()方法。

1. 在组件的CSS文件中，定义一个类来设置图标的样式，例如：

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('path/to/icon.png');
  background-size: cover;
}

这里的path/to/icon.png是你自己的图标文件路径。

1. 在组件的HTML模板中，使用条件语句来判断是否显示图标，例如：

<div *ngIf="inputValue">
  <span class="icon"></span>
</div>

这里使用了Angular的结构指令*ngIf，当inputValue有值时，显示图标。

1. 在组件的TypeScript文件中，实现onInputChange()方法，用于处理输入框值的变化，例如：

onInputChange() {
  // 处理输入框值的变化逻辑
}

在这个方法中，你可以根据输入框的值进行一些逻辑处理，例如根据输入的关键字进行搜索等。

至此，你已经成功地使用Angular在输入后添加图标。根据具体的需求，你可以进一步优化和扩展这个功能，例如添加动画效果、自定义图标等。

推荐的腾讯云相关产品：腾讯云云开发（https://cloud.tencent.com/product/tcb）是一款无服务器云开发平台，提供了丰富的后端服务和工具，可帮助开发者快速构建和部署应用。