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

Question

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

该值来自将在 click 属性中触发的弹出窗口。问题是 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;
}