vis.js 타임 라인의 항목 및 그룹 현지화

Question

vis.js를 사용하여 타임 라인을 만들었습니다. 다른 언어로 항목 이름과 그룹 이름을 현지화해야합니다. 우리는 $ translate = $ filter ('translate')를 사용하여 angularjs에서 그룹의 이름을 번역하려고 시도했지만 화면을 다시로드 할 때만 작동합니다. 또한 항목을 번역하기 위해 템플릿 핸들바 엔진을 사용하는 항목을 번역하려고 시도했지만 문제는 "{{ '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; 
    } 
    ... 
    } 

당신은 같은 일을 할 수 있습니다. 타임 라인의 실제 항목.

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 요소로 렌더링 할 수 있습니다.

희망이 도움이됩니다.