javascript - 当在 AngularJS 中显示新的 growl 时，从 View 中清除旧的 growl

Question

我正在 angularjs 上研究growl.info()，我有一个问题。当尝试添加新的 growl 时，如何检查 View (屏幕)中是否存在 growl ？如果尝试显示新的内容，则必须从屏幕上删除前一个内容。 Controller 中的代码是这样的:

$scope.showInfo= function () {

        var info = "test";

        growl.info(message.replace("{0}", info), {
            ttl: 50000
        });
    };

但请注意，ttl 也很重要。如果没有新的 growl 试图表现出来，那么第一个 growl 必须存活很长一段时间。预先感谢您!

Answer 1

首先我们添加一个公共(public)变量:

$scope.growlMessge = null;

然后我们检查它是否已经有一个值(只是为了销毁它)，然后再给出新的值

 $scope.showInfo= function () {

   if ($scope.growlMessage != null) {
            $scope.growlMessage.destroy();
     }

    var info = "test";

    $scope.growlMessage = growl.info(message.replace("{0}", info), {
        ttl: 50000
    });
};