angular 2 清除表单值抛出只读异常

Question

我有一个聊天应用程序客户端，我想在点击发送按钮后清除文本区域。

代码如下：

<form [formGroup]="chatForm" (ngSubmit)="sendChatMessage()">
        <ion-input type="text" formControlName="messageInput" placeholder="start typing..."></ion-input>
        <ion-buttons end>
            <button item-right ion-button clear type="submit" [disabled]="chatForm.controls['messageInput'].value === ''"><ion-icon name="ios-send" style="zoom:2.0;"></ion-icon></button>
        </ion-buttons>
    </form>

但是，如果我尝试在 sendChatMessage() 中执行 chatForm.controls['messageInput'].value='' 我得到只读异常。

Answer 1

使用setValue()函数改变FormControl的值：

this.chatForm.controls['messageInput'].setValue('');

angular 2 清除表单值抛出只读异常

angular 2 clearing form value throws read only exception

angular2-forms

angular