javascript - 仅显示一台 toastr

Question

下面的代码会弹出一个 toastr :

    function showMessage(code, type) {
        ConfigService.getErrorMessage(code).then(
            function (msg) {
                toaster.pop(type, msg);
            }
        );
    }

但是当我单击一次按钮时，我有一个 toastr ，但是当我单击两个、三个等时，我有相同数量的 toastr ，但我的目标是只有一台 toastr ，该怎么办？我读了一些有关回调的内容，但不知道如何应用它。

编辑:已解决

        var clicked = false;
        function timeoutInterval(){
            clicked = false;
        }

        // types - error, info, wait, success, warning
        function showMessage(code, type) {
            if(!clicked){
                clicked = true;
                ConfigService.getErrorMessage(code).then(
                    function (msg) {
                        toaster.pop(type, msg);
                        setTimeout(timeoutInterval, 6000);
                    }
                );
            }
        }

Answer 1

您可以通过使用 bool 值来保存操作的“状态”来做到这一点

var clicked = false;
function showMessage(code, type) {

    if (!clicked){ // If the button has not been clicked
        clicked = true;

        ConfigService.getErrorMessage(code).then(
            function (msg) {
                toaster.pop(type, msg);
                clicked = false; // Reset the state of the boolean;
            }
        );
    }
}