vis.jsタイムライン内のアイテムとグループのローカライゼーション

Question

vis.jsを使用してタイムラインを作成しました。グループの名前と異なる言語のアイテムのコンテンツをローカライズする必要があります。 $ translate = $ filter（ 'translate'）を使用してanglejのグループ名を変換しようとしましたが、画面をリロードするときにのみ機能します。また、テンプレートハンドルバーエンジンを使用してアイテムを翻訳するアイテムの翻訳を試みましたが、問題は、{{'timeline.content' | translate}}を置くときにハンドルバーが使用するテンプレートをAngularが処理していないようですエラーが発生しました。ので、任意のアイデアや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; 
    } 
    ... 
    } 

あなたは同じwiを行うことができますタイムライン上の実際のアイテム

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要素にレンダリングするようテンプレートを何でも行うことができます。

これが役に立ちます。