2017-05-24 8 views
1

내 페이지에 각도 gantt 차트가 있습니다. 여기에 plunkr이 첨부됩니다.동일한 하위 작업이 Angular Gantt 차트의 중요 시점으로 표시됩니다.

PLUNKR EXAMPLE

무엇 내가 문제를 직면하고하는 것은 내가 당신이 위의 plunkr를 참조 별도의 milestone.If으로 해당 작업을 볼 다른 이정표에서 같은 이름의 다른 작업을 할 때 다음 task 14는 것을 볼 수 있다는 것입니다 milestone 1milestone 2 아래에 동일한 이름의 작업이 있지만 여전히 인 task 14은 새로운 마일스톤으로 간주되지 않습니다. 이것에 대한 도움은 매우 높이 평가됩니다.

답변

1

children 배열을 사용하여 상위 마일스톤을 해당 작업과 관련시키는 것을 확인했습니다. 문제를 해결하기 위해 그 반대의 조치를 취할 수 있습니다. 어린이 작업을 부모와 연관 지으십시오. 하위 작업 내에 parent 필드를 사용하십시오.

$scope.data = [ 
     { 
      name: 'Milestone 1', //name of milestone 
      //tasks inside this milestone 
      content: '<i class="fa fa-map-marker" ng-click="scope.handleRowIconClick(row.model)"></i> {{row.model.name}}' // no need to send this from backend 
     }, 
     { 
      parent: 'Milestone 1', name: 'Task 11', tooltips: true, tasks: [ 
      { 
       id: 'work_111', //id of task 11 
       name: 'Work 111', // display name for this task 
       color: '#a61229', //the time color for this task 
       from: '2017-05-01T00:00:00', //start date, it must be a timestamp 
       to: '2017-05-31T23:59:00' //end date, it must be a timestamp 
      } 
     ] 
     }]; 

문제를 해결하는 working plunkr을 참조하십시오. WORKING PLUNKR

+0

매력과 같은 작품. 고맙습니다! –