相同的子任务在 Angular 甘特图中显示为里程碑

【问题标题】：Same sub task appear as a milestone in Angular Gantt chart相同的子任务在 Angular 甘特图中显示为里程碑
【发布时间】：2017-05-24 11:58:43
【问题描述】：

我的页面上有一个角度甘特图。 plunkr附在这里。

PLUNKR EXAMPLE

我面临的问题是，当我在不同的里程碑下有一个具有相同名称的不同任务时，我将该任务视为一个单独的里程碑。如果您看到上面的 plunkr，那么您可以看到 task 14 是相同的任务milestone 1 和 milestone 2 下的名称具有不同的日期范围，但仍然我将里程碑之外的task 14 视为一个新的里程碑。非常感谢您对此提供任何帮助。

【问题讨论】：

标签： javascript jquery angularjs charts gantt-chart

【解决方案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
            }
        ]
        }];

请查看可以解决您的问题的工作 plunkr。 WORKING PLUNKR

【讨论】：