如何在jointjs中的链接工具选项上获取事件

Question

我正在尝试点击工具选项进行函数调用，以便我可以更改链接的标签名称。 我能够使用cell：pointerdown事件获得一个函数调用，但是它给了我整个链接的id，并且在链接的任何位置点击该事件。所以具体来说我想点击工具选项图片（设置标签）。

我正在尝试的代码是：

paper.on('cell:pointerdown', 
            function(cellView, evt, x, y) { 
     if (cellView.model.isLink()) {
         var links = graph.getLinks();
         console.log(cellView.model.id);
         for (var i = 0; i < links.length; i++){
             console.log(links[i].id);
             links[i].label(0, { attrs: { text: { text: 'my label' } } }); 
         }
        }

这个工作正常，但是我希望在链接上点击工具选项图像而不是在链接的任何地方都有相同的事件。

Answer 1

您的问题已在此处得到解答：Can I inject JointJS as an AngularJS module like any other library?

基本上，你需要做这样的事情：

＆＃13;

＆＃13;

diagram.on('link:options', function (cellView, evt, x, y) {
    // your logic here: e.g. select a link by its options tool             
});

＆＃13;

＆＃13;

＆＃13;