как передать ответ i18n в компонент - PullRequest
Новая
       41

как передать ответ i18n в компонент

1 голос
/ 07 июня 2019

Я реализовал многоязычный перевод, используя https://github.com/mashpie/i18n-node в выражении nodejs, в бэкэнде (nodejs) передаю переведенный json как ответ на использование в компонентах, когда я пытаюсь показать ошибку как converted circular structure error,

Я хотел бы знать, как отобразить переведенный текст / i18n внутри компонента.Он работает в index.ejs, но не знает, как отобразить в компоненте. 

var express = require('express');
var homeRouter= require('./routes/home');
var i18n = require("i18n");
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

i18n.configure({
locales:['en', 'zh'],
directory: __dirname + '/locales',
objectNotation: true
});
app.use(i18n.init);
app.use('/:lang', homeRouter);

//home.js
var express = require('express');
var router = express.Router();
var i18n = require('i18n');
router.get('/', function (req, res) {
  i18n.setLocale(req,req.baseUrl.split('/')[1]);
  res.render("index.ejs", {i18n: res}) 
}
//index.ejs
<div>
 <h1><%=i18n.__("Welcome")%></h1>
 <my-element translate="<%=i18n%>"> // passing the response of translation to component
 </my-element> 
</div>


//en.json
{
  "Welcome": "Hi , Welcome to my site",
  "list": "Discover the List of Travelling Cities"
}

//myElement.js

import { LitElement, html, css
} from "https://unpkg.com/@polymer/lit-element/lit-element.js?module";
export class Element extends LitElement {

  static get properties() {
    return {
       translate: {type: Object}
    }
 constructor() {
    super();
}

render(){
  <p>${this.translate.list}</p> // not displaying
} 
}
...