angularjs 烤面包机无法动态地从粘滞更改为关闭

angularjs toaster failing to change from sticky to dismiss dynamically

我正在使用 (Angularjs toaster),我的要求是最初我需要使烤面包机变粘,并且在单击某个特定按钮后,所有烤面包机都应该按照给定的时间间隔关闭。所以最初我将超时设置为 0,然后在 pop2() 函数中我将超时设置为 2000。我可以清楚地看到 toasterOptions 对象中的超时正在更改为 2000,但所有烤面包机仍然保持粘性。

$scope.toasterOptions  = {'time-out': 0, 'close-button':true, 'animation-class': 'toast-top-center'};

$scope.pop1 = function(){
 toaster.success({title: "title1", body:"text1"});
};

$scope.pop2 = function(){
 toaster.success({title: "title2", body:"text2"});
 $scope.toasterOptions["time-out"] = 2000;
};

请参阅plunker

使用超时函数来调用你的清除函数,这样它就会在给定的时间跨度内清除所有内容,并且不要忘记在控制器中添加 $timeout

 $scope.pop2 = function(){
         toaster.success({title: "title2", body:"text2"});
        $timeout(function() {            
         $scope.clear();
    }, 2000);
    };

updated