html - 当用户发送搜索表单时显示图像

Question

一般来说，我对 Angular 和 Web 还是很陌生，我想在用户按下回车键发送搜索时显示一张图片(复选标记)。我想过使用 collapse 但真的不知道该怎么做，因为我没有搜索按钮来发送请求。抱歉，如果有人问过这个问题，但我没有找到任何真正的答案。

(使用 Angular 6、HTML5、CSS3)

谢谢。

Answer 1

在 Angular 官方文档中有一个单独的用户输入部分。在那里你可以找到如何在 Angular 中处理按键事件。 Find the link here .

你要做的就是这样。

@Component({
  selector: 'app-key-up3',
  template: `
    <input (keyup.enter)="onEnter(box.value)">
    <div *ngIf="showTick">your icon goes here</div>
  `
})
export class KeyUpComponent_v3 {
  value = '';
  showTick = false;
  onEnter(value: string) { this.showTick = true; }
}