2017-09-27 146 views
0

在我的應用程序中,我使用了角甘特圖組件。當我畫一個新的依賴我有這個錯誤Angular甘特(錯誤: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

我也有同樣的錯誤。不知道如何解決。 但是它因爲這個缺省設置而引發了甘特依賴關係插件。

in'js-plumb-defaults'property。 ConnectionOverlays:[['Arrow',{location:1,length:12,width:12}]]

+0

請不要使用anwer來評論。 – pirho

0

我得到相同的錯誤,我的模型是完全不同的。我認爲這與js-plumb-default沒有任何關係。

作爲一個快速和骯髒的修復程序已爲我工作。

我剛纔註釋掉這一行

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

我在執行沒有在this.connection對象detatch功能時,它調用plumb.disconnect。

所以這裏的文檔 - https://jsplumbtoolkit.com/community/doc/removing.html

連接被通過makeSource配置的元素它不具有deleteEndpointsOnDetach上的用戶通過鼠標創建:假集。

我認爲這是angular-gantt-plugins.js庫的錯誤。將回報。