Angularjs 在聊天应用中提交后何时清除输入

在我的应用程序的许多部分中，用户可以对帖子发表评论，或者自己创建一个新帖子

我使用的过程 1.用户输入他的文本 2（单击）发送 3.触发发布消息的承诺 4.如果成功，则将消息添加到流。 5.如果失败了，那就什么都没有了

我的问题是，在等待服务器响应时，输入字段和提交按钮会发生什么变化

我应该在等待时将新消息添加到帖子流中，并在用户单击“发送”时重置表单，还是在等待时禁用它们

平滑用户体验的最佳方法是什么？在材料设计规范中是否有关于这方面的建议

另外，如果我在

track by

中使用post.id，如果我要将post添加到流中，我应该发送一个随机id吗

---example
<post ng-repeat"post in posts track by post.ID" post-data="post">
....post directive template
    <div>
 <input ng-model=ctrl.new_post />
 <button ng-click=ctrl.post(ctrl.new_post)>send< /button>

——示例
..指令后模板
发送

我会说在等待时禁用它们立即清除文本输入；我会在聊天窗口中显示挂起的文本，并显示一个微调器/指示器，表明消息仍在处理中。让消息排队，并在承诺得到解决时移除指示器。这样，如果承诺失败，您可以在流中显示一个失败图标。@Michael您将如何解决跟踪问题？