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);
};
我正在使用 (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);
};