Как реализовать выбор / отмена выбора, щелкнув изображения или значки вместо флажка с помощью Angular2

Question

Я хочу щелкнуть изображение / значок и выбрать или отменить выбор изображений / значков, как если бы это был флажок. Как это сделать с помощью angular2 +?

Answer 1

Вы можете создать компонент и реализовать интерфейс DefaultValueAccessor, который будет вашим хуком в реактивные формы. Затем с помощью стилей вы можете пометить значки / изображения, выбранные по вашему желанию (т.е. изменить цвет bg).

Answer 2

Установите для элемента логическое свойство и

Попробуйте:

(click)="item.selected = !item.selected