Angular 8: (keyup.enter) не запускает ввод html только для чтения

Я пытаюсь вызвать функцию, когда пользователь нажимает клавишу ввода. Причина, по которой я делаю этот ввод только для чтения, заключается в том, чтобы запретить пользователю изменять значение во входных данных после его заполнения. Значение приходит из всплывающего окна, которое будет вызываться в атрибуте клика. Проблема в том, что keyup.enter не запускается для этого входа.

Ниже приведен код:

<input type="text"[(ngModel)]="display.name"
(click)="openProfile()" (keyup.enter)="submitProfile()" readonly/>

<button (click)="submitProfile()" type="submit" >
    Submit
</button>