angularjs - 在 AngularJS 中不按 ID 引用 div 显示成功/失败消息

Question

我正在使用 AngularJS 制作一个简单的表单来向数据库添加新记录。所以我在 Controller 中通过ajax提交了表单，它成功地添加了一条新记录。

我的问题是，向用户显示成功确认的 Angular 方式是什么。如果这是 vanilla JS，我只会隐藏表单，同时显示以前隐藏的成功消息。然后在几秒钟后淡出消息并重新显示表单。

在 Angular 中有更好的方法来做到这一点吗？除了 $('form#myForm').hide() 和 $('div#successMessage').show()？

Answer 1

您可以使用 ngShow指令来实现这一点。例如，如果您设置 $scope.submissionSuccess至 true成功提交后，您可以在模板中添加如下内容:

<div ng-show="submissionSuccess">It worked!</div>