Как удалить атрибут readonly на (dblclick) в угловых 6

Question

Я новичок в angular 6, и у меня есть вход с атрибутом readonly, в котором я хочу удалить атрибут readonly, когда пользователь дважды щелкает ввод. Но я не смог этого достичь. Как это сделать? Спасибо за любую помощь!

HTML

<input type="text" class="todoInput" [readonly]="isReadOnly" (dblclick)="update()" value="{{todo.text}}">

компонент

 private isReadOnly: boolean = true;
 private update(){
    return this.isReadOnly === false;
  }