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('');