物品和組在vis.js時間軸中的本地化

Question

我們使用vis.js創建時間軸，我們需要本地化組的名稱和不同語言的項目內容。我們嘗試使用$ translate = $ filter（'translate'）來轉換angularjs中的組名稱，但它只在重新加載屏幕時才起作用。我們也嘗試翻譯項目以使用模板句柄引擎來翻譯項目，但問題是Angular似乎不會繼續處理Handlebars使用的模板，當我們將「{{'timeline.content'| translate}}」錯誤。那麼有沒有什麼想法或方式vis.js本地化組和項目的名稱。

Answer 1

您可以使用配置功能groupTemplate或模板

var config = { 
    ... 
    groupTemplate: function (group) { 
    var groupTemplate = document.createElement('div'); 
    // assuming that you have stored the label key in the content, instead of text. 
    groupTemplate.innerText = translate.get(group.content); 
    // or whatever function call you need to make to get the translated label; 
    return groupTemplate; 
    } 
    ... 
    } 

你可以做同樣的事情th時間軸中的實際項目。

var config = { 
    ... 
    template: function (item) { 
    var itemTemplate = document.createElement('div'); 
    // assuming that you have stored the labels in the content, instead of text. 
    itemTemplate.innerText = translate.get(item.content) 
    // or whatever function call you need to make to get the translated label; 
    return itemTemplate; 
    } 
    ... 
    } 

您還可以附加事件偵聽器，或者在模板呈現給通常的DOM元素時做任何事情。

希望這會有所幫助。