Отображать изображение, когда пользователь отправляет форму поиска

Question

Я довольно новичок в Angular и в Интернете в целом, и я хотел бы отобразить изображение (флажок), когда пользователь нажимает клавишу ввода, чтобы отправить свой поиск.Я думал об использовании коллапса, но не знаю, как это сделать, поскольку у меня нет кнопки поиска, на которую можно отправить запрос.Извините, если об этом уже спрашивали, но я не нашел реальных ответов.

(Используя Angular 6, HTML5, CSS3)

Спасибо.

Answer 1

В официальной документации Angular есть отдельный раздел для ввода данных пользователем.Там вы можете найти, как работать с событиями нажатия клавиш в Angular. Найдите ссылку здесь .

То, что вам нужно сделать, это что-то вроде этого.

@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; }
}