Angular 8 : (keyup.enter) 不会触发只读 html 输入

Question

一旦用户按Enter键，我正在尝试触发一个函数。我将此输入设为只读的原因是限制用户在填充值后修改输入中的值。

该值来自将在点击属性中触发的弹出窗口。问题是keyup.enter没有触发该输入。

下面是代码：

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

Answer 1

您可以设置属性：

[readonly]="isValuePapulated"

或

[disabled]="isValuePapulated"

或仅使用：

[ngModel]="display.name"
(ngModelChanged)=onModelChanged($event)
// in component:
public onModelChanged(value: any): void {
if (isValuePapulated) {
return;
}
this.display.name = value;
}