jsPlumb beforeDrop和ngToast消息没有立即显示

Question

我正在开发一个使用伟大的jsPlumb库来创建节点接口的站点。

jsPlumb有一个事件'beforeDrop‘，该事件在连接两个端点之间的连接之前触发，我希望使用该事件检查条件，然后决定是否允许连接。

如果不允许连接，我想使用ngToast向用户显示一条消息。

这是我的“beforeDrop”函数

jsPlumb.bind('beforeDrop', function(info){

    // Check that they property types match
    var outNodeType = $('#'+info.sourceId).data( "ptype" );
    var inNodeType = $('#'+info.targetId).data( "ptype" );


    if(outNodeType !== inNodeType){

        showMessage('warning', '<strong>Error:</strong> unable to connect '+outNodeType+' to '+inNodeType)

        return false // false for not establishing new connection

    }

    return true; // true for establishing new connection

});

这是显示ngToast消息的函数：

function showMessage(messageType, message){
        ngToast.warning({
            class: messageType,
            content: message
        });
    }

问题是，直到我单击页面上的任何位置，ngToast消息才会出现。一旦我点击，消息就会出现，一切都会正常运行。

我不知道这是jsPlumb和angularjs的问题，还是如何调用ngToast函数的问题。

我很想知道如何解决这个问题。蒂娅！

Answer 1

jsPlumb事件将被称为角上下文之外的事件。好像你在从角码外面调用角码。要使同步角，您需要在调用烤面包机消息方法之后调用$scope.apply()。所以你一点击面包就会显示出来。