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;
}