angularjs - 如何在angularjs中添加visjs事件？

Question

在 visjs doc我需要在我的 angularjs 项目中启用一个 stabilizationProgress 事件。我创建了一个plunker demo对于同样的。

我尝试了如下所示的操作，但不确定如何使用 angularjs 添加进度条。这是link to give an idea

<vis-network data="data" options="options" events="events"></vis-network>

Controller 代码

$scope.events = [{
    stabilizationProgress: function (obj) {

    },
    stabilizationIterationsDone: function () {

    }
}];

Answer 1

启用将在 Angular 和 vis 之间传输数据的指令。 vis 的每个特征都可以在 Angular 上进行最小化，将 vis 集成到其 $digest 循环中。

指令用于处理 DOM 操作以及与 vis 等第三方插件的集成。

例如，如果您想在 vis 告诉某些内容时更新某些内容，您可以像下面这样实现(假设 vis.event() 是一个真实的方法来自 vis API):

/* On directive's link() function */

vis.event('bla-bla-bla', function (arg1, arg2, arg3) {
    scope.$evalAsync(function () {
        scope.emit('vis:bla-bla-bla', arg1, arg2, arg3);
    });
});

在您的 Controller 上，您可以监听此事件:

// On a parent controller where the directive is placed
//
// The $scope below can be $scope too,
// but it will traverse all child scopes first
$scope.$on('vis:bla-bla-bla', function ($event, arg1, arg2, arg3) {
    $event.stopPropagation(); // Useful, to avoid performance leak

    console.log($event, arg1, arg2, arg3);
});

编辑 1:

我读过一些你指出的 Plunkr:

http://plnkr.co/edit/XlRkfazfYBmj0GM1PTeC?p=info

事件系统已经存在，您缺少 vis-network 元素上的属性，即 events 元素，以及想要绑定(bind)到它的事件。

我建议您注释掉其中的一些内容，并每次取消注释以查看其工作原理。目前，它们都处于事件状态并正在登录控制台!