Angularjs 角度甘特图表格:自定义标题

Angularjs 角度甘特图表格:自定义标题,angularjs,gantt-chart,angular-gantt,Angularjs,Gantt Chart,Angular Gantt,我正在创建一个角度甘特图表格,我想更改列标题。 我在plugin表中看到了属性列和标题,但我不知道如何使用它们 您可以在此处看到我的甘特图: 我需要更改名称标签,我尝试了一些方法: 控制器.ts this.options = { data: [], viewScale: 'hour', headers: ['day', 'hour'], tableHeader: {

我正在创建一个角度甘特图表格,我想更改列标题。 我在plugin表中看到了属性列和标题,但我不知道如何使用它们

您可以在此处看到我的甘特图:

我需要更改名称标签,我尝试了一些方法:

控制器.ts

this.options = {
                data: [],
                viewScale: 'hour',
                headers: ['day', 'hour'],
                tableHeader: {
                    'model.name': 'jour'
                },
                headersFormats: {
                    day: 'dddd',
                    hour: 'HH:mm'
                },
                sortMode: 'name',
                columns: ['jour'],
            }
View.html

<div gantt data="employeeviewctrl.ganttData"
                     headers="employeeviewctrl.options.headers"
                     headers-formats="employeeviewctrl.options.headersFormats"
                     sort-mode="employeeviewctrl.options.sortMode"
                     columns=[model.jour]>
                    <gantt-table enabled="true"
                                 headers="employeeviewctrl.options.headerTable">
                    </gantt-table>
                    <gantt-tooltips enabled="true">
                    </gantt-tooltips>
 </div>
tableHeader

你有什么想法吗


提前感谢您的帮助:)

我想您刚才打错了。。。我已经将我的设置为空字符串,所以如果不是打字错误,那么我仍然可以提供帮助

控制器

headerTable
html

<div gantt data="employeeviewctrl.ganttData"
                     headers="employeeviewctrl.options.headers"
                     headers-formats="employeeviewctrl.options.headersFormats"
                     sort-mode="employeeviewctrl.options.sortMode"
                     columns=[model.jour]>
                    <gantt-table enabled="true"
                                 headers="employeeviewctrl.options.headerTable">
                    </gantt-table>
                    <gantt-tooltips enabled="true">
                    </gantt-tooltips>
 </div>
tableHeader
我找到了解决办法:

控制器:

columnsHeaders: { 'model.name': 'Jour' }
<gantt-table enabled="true"                               
    headers="columnsHeaders">
</gantt-table>
html:

columnsHeaders: { 'model.name': 'Jour' }
<gantt-table enabled="true"                               
    headers="columnsHeaders">
</gantt-table>

谢谢你的回答,但我发现了问题所在。你可以看看我贴的答案:)