2017-09-27 27 views
0

私のアプリケーションでは、角度ガントのコンポーネントを使用しました。私はこのエラーをした、新たな依存関係角度ガント(エラー:plumb.detachは関数ではありません)

angular.js:12808 TypeError: this.manager.plumb.detach is not a function 
at Dependency.model.disconnect (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt-plugins.js:2676:44) 
at DependenciesManager.removeDependency (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt-plugins.js:2321:39) 
at DependenciesManager.refresh (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt-plugins.js:2617:30) 
at Object.refresh (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt.js:4139:35) 
at GanttApi.<anonymous> (http://localhost:9001/roadmaps/gantt/roadmapgantt.js:94:24) 
at http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt.js:117:33 
at Scope.$emit (http://localhost:9001/bower_components/angular/angular.js:16634:33) 
at Object.feature.raise.(anonymous function) [as add] (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt.js:213:42) 
at root.jsPlumbInstance.createConnection (http://localhost:9001/bower_components/angular-gantt/assets/angular-gantt-plugins.js:2092:57) 
at root.jsPlumbInstance.fire (http://localhost:9001/bower_components/jsplumb/dist/js/jsplumb.js:2884:64) 

を描画する場合、以下のこれは私がタスク間の依存性を描くときにエラーが表示され enter image description here

を使用してデータオブジェクトです。 ここでガントのオプション

$scope.options = { 
     columns: [ 
      'model.taskId', 
      'model.activity', 
      'model.details', 
      'model.comments' 
     ], 
     columnsHeaders: { 
      'model.taskId': 'ID', 
      'model.activity': 'Activity', 
      'model.details': 'Detail', 
      'model.comments': 'Comments' 
     }, 
     columnContents: { 
      'model.comments': '<span class="fa fa-comment-o fa-lg" role="button" ng-click="scope.showComments(row.model.tasks)">&nbsp;{{getValue()}}</span>', 
      'model.details': '<span class="underline" role="button" ng-click="scope.taskDetails(row.model.tasks)">{{getValue()}}</span>' 
     }, 
     fromDate: moment(null), 
     toDate: undefined, 
     labelsEnabled: true, 
     filterRow: '', 
     api: function(api){ 
      $scope.api = api; 

      api.core.on.ready($scope, function(){ 
       // AL RESIZE O AL MOVE, FACCIO L'UPDATE DEL TASK 
       if (api.tasks.on.moveBegin) { 
        api.tasks.on.resizeEnd($scope, addEventName('tasks.on.resize', updateTaskBeginEnd)); 
        api.tasks.on.moveEnd($scope, addEventName('tasks.on.move', updateTaskBeginEnd)); 
       } 

       api.dependencies.on.add($scope, function(newData, oldData){ 
        api.dependencies.refresh(newData.task); 
       }); 

      }); 
     } 
    }; 

答えて

0

私も同じエラーがあります。解決する方法を知らない。 しかし、このデフォルト設定はgantt-dependenciesプラグインのために発生します。 'js-plumb-defaults'プロパティの

ConnectionOverlays:[['Arrow'、{location:1、length:12、width:12}]]

+0

コメントにanwerを使用しないでください。 – pirho

0

私は同じエラーが発生しており、モデルはかなり異なります。私はそれがjs-plumb-defaultとは関係がないとは思わない。

私のために働いた迅速かつ汚れた修正です。

私はちょうどそれがplumb.disconnectを呼び出すthis.connectionオブジェクト内のデタッチ機能がない私の実装では、このライン

this.manager.plumb.detach(this.connection); 

をコメントアウトしています。

だからここドキュメント - https://jsplumbtoolkit.com/community/doc/removing.html

接続がdeleteEndpointsOnDetachを持っていませんでしたmakeSourceを介して構成要素上のユーザーがマウスを使用して作成された:偽のセット。

私はそれがangular-gantt-plugins.jsライブラリのエラーだと思います。報告する。

関連する問題