如何用超时隐藏ng-message？

Question

我不希望ng-message继续显示，直到用户输入有效输入。所以我想在显示5秒后隐藏ng-message说。

我看到班级从ng-active切换到ng-inactive。

现在我如何手动将ng-message设置为非活动状态或在几秒钟后隐藏它？

Answer 1

@muller答案解决了您的问题。但它只是一个临时解决方案。因为如果您使用了更多ng-message，则需要管理所有这些内容。

但我的选择是你可以去 AngularJS-Toaster 。 AngularJS Toaster是“toastr”非阻塞通知javascript库的自定义版本。

我希望您可以看到demo以获得更多说明。

并且不担心集成。我们不需要很长时间来整合它。你只需要从我上面的链接（js，css）下载文件并将文件拖到主屏幕。就是这样。

Answer 2

$timeout(function() {
    $scope.showMessage = false;
}, 5000)

编辑：要知道是否显示消息，您可以观察条件的值（错误）我假设（例如，如果条件是必需的，请观察[输入字段]的错误对象。$ error.required .. ）