Question

我使用NgForm创建了一个表单并添加了一些控件。该表单用于基本聊天概念证明。

当用户发送消息时，我需要将消息输入的值重置为空，这样他们就可以开始输入下一条消息了。但是，我找不到任何有关如何更新控件值的文档或信息。

我尝试了各种各样的东西，但没有任何工作......

这是我尝试过的一些事情。

sendMessage(formValues) {
    formValues.message = ''; // This works but the view doesn't update so there is evidently no binding or observers attached.
    formValues.message.value = ''; // This throws an error that type string doesn't value defined
    formValues.message.val(''); // This throws an error that type string doesn't contain a method val()
    formValues['message'] = '' // This works but the view doesn't get updated so there is evidently no binding/observers here.
    formValues.message.updateValue(''); // This also throws an error that type string doesn't have a updateValue() method.
}

继承视图模板：

<form name='chat-form' (ngSubmit)='sendMessage(messageForm.value)' #messageForm='ngForm'>
    <input class='message-body' ngControl='message' placeholder='Enter your message'/>
    <button type='submit'>Send</button>
</form>

必须有一种方法可以对表格进行基本的基本操作，例如更新控制器或模型的值，但到目前为止我已经干了。

Answer 1

出于某种原因，ControlGroup，当您尝试从中获取Control时，想要返回缺少函数AbstractControl的{{1}}类型的值

如果你把它投射到updateValue()它应该有效。 e.g。

Control

在您的情况下，假设(<Control>yourControlGroup.controls['some_form_field']).updateValue('new value');属于formValues类型，可能会有以下情况（如果不是，请指明它是什么）：

ControlGroup

或者

(<Control>formValues.controls['message']).updateValue('')

Angular2 RC1更新controlGroup中的控件值

1 个答案: