如何更改 angular slickgrid 中的标签指标?
How to change label metric in angular slickgrid?
我尝试更改 angular slickgrid 中的页脚标签指标。
enter image description here
代码:
this.gridOptions = {
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
items: 'items1',
of: 'of1',
}
}
}
但结果是当我使用 angular.slickgrid.getOptions()
时没有任何变化。
...
metricText: {
items: "items"
itemsKey: "ITEMS"
lastUpdate: "Last Update"
of: "of"
ofKey: "OF"
}
...
我预计此示例代码会更改我的标签指标
软件版本:
Angular : 9.0
Angular-Slickgrid:2.18.6
打字稿:3.75
请注意,我是 Angular-Slickgrid
的作者
这是库本身的错误,现在已在最新版本 2.18.7 中修复。
您的使用是正确的,我将它们再次放在这里可能会帮助其他人,并更加强调您使用(或不使用)翻译服务 (ngx-translate) 时的差异。主要区别在于,任何时候你想在 Angular-Slickgrid 中使用翻译,你都会有 properties/options,通常以 Key
后缀结尾(例如:itemsKey: 'ITEMS'
, nameKey: 'NAME'
, ...).
没有翻译服务
this.gridOptions = {
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
items: 'custom items',
of: 'custom of',
lastUpdate: 'custom update',
},
dateFormat: 'yyyy-MM-dd hh:mm aaaaa\'m\'',
hideTotalItemCount: false,
hideLastUpdateTimestamp: false,
},
};
有翻译服务
this.gridOptions = {
enableAutoResize: true,
i18n: this.translate, // <-- Translate Service
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
itemsKey: 'CUSTOM_ITEMS_KEY',
ofKey: 'CUSTOM_OF_KEY',
lastUpdateKey: 'CUSTOM_LAST_UPDATE_KEY',
},
dateFormat: 'yyyy-MM-dd hh:mm aaaaa\'m\'',
hideTotalItemCount: false,
hideLastUpdateTimestamp: false,
},
};
我尝试更改 angular slickgrid 中的页脚标签指标。
enter image description here
代码:
this.gridOptions = {
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
items: 'items1',
of: 'of1',
}
}
}
但结果是当我使用 angular.slickgrid.getOptions()
时没有任何变化。
...
metricText: {
items: "items"
itemsKey: "ITEMS"
lastUpdate: "Last Update"
of: "of"
ofKey: "OF"
}
...
我预计此示例代码会更改我的标签指标
软件版本:
Angular : 9.0
Angular-Slickgrid:2.18.6
打字稿:3.75
请注意,我是 Angular-Slickgrid
的作者这是库本身的错误,现在已在最新版本 2.18.7 中修复。
您的使用是正确的,我将它们再次放在这里可能会帮助其他人,并更加强调您使用(或不使用)翻译服务 (ngx-translate) 时的差异。主要区别在于,任何时候你想在 Angular-Slickgrid 中使用翻译,你都会有 properties/options,通常以 Key
后缀结尾(例如:itemsKey: 'ITEMS'
, nameKey: 'NAME'
, ...).
没有翻译服务
this.gridOptions = {
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
items: 'custom items',
of: 'custom of',
lastUpdate: 'custom update',
},
dateFormat: 'yyyy-MM-dd hh:mm aaaaa\'m\'',
hideTotalItemCount: false,
hideLastUpdateTimestamp: false,
},
};
有翻译服务
this.gridOptions = {
enableAutoResize: true,
i18n: this.translate, // <-- Translate Service
showCustomFooter: true,
customFooterOptions: {
metricTexts: {
itemsKey: 'CUSTOM_ITEMS_KEY',
ofKey: 'CUSTOM_OF_KEY',
lastUpdateKey: 'CUSTOM_LAST_UPDATE_KEY',
},
dateFormat: 'yyyy-MM-dd hh:mm aaaaa\'m\'',
hideTotalItemCount: false,
hideLastUpdateTimestamp: false,
},
};