javascript - Angular 8 : (keyup. 输入)不触发只读 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;
}