加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular 4多语言并从数据库中获取数据

发布时间:2020-12-17 18:02:52 所属栏目:安全 来源:网络整理
导读:我想在角度4中添加多语言功能,并从数据库(PostgreSQL)获取数据. 使用ngx-translate模块我们必须创建.json文件语言老虎机,但我想从数据库中获取本地化(数据). 解决方法 我将假设您已经成功地在您的应用程序中加载了TranslateModule(如果没有,这里是 methods s
我想在角度4中添加多语言功能,并从数据库(PostgreSQL)获取数据.

>使用ngx-translate模块我们必须创建.json文件语言老虎机,但我想从数据库中获取本地化(数据).

解决方法

我将假设您已经成功地在您的应用程序中加载了TranslateModule(如果没有,这里是 methods suggested by it’s creator – they are great!)

因此,首先要设置默认语言是将TranslateService注入到负责翻译的组件中.然后在构造函数中你将不得不向DB做一些简单的请求.这是一个非常简单的概念如何解决它(例如从ngx-translate文档中取得近1比1):

import {Component} from '@angular/core';
import {TranslateService} from '@ngx-translate/core';

@Component({
    selector: 'app',template: `
    <div>{{ 'HELLO' | translate:param }}</div>
`
})
export class AppComponent {
param = {value: 'world'};

constructor(translate: TranslateService) {
    let lang;
    //here will be your request to recive language from DB
    translate.setDefaultLang(lang);
    // this language will be used as a fallback when a translation isn't found in the current language

    //of course do not forget about error handling if something fails!
    translate.use('en');
    // the lang to use,if the lang isn't available,it will use the current loader to get them
    }
}

去做一些关于ngx-translate的研究它真的很棒,作者提供了一些很好的例子.

我知道我跳过了对DB的实际请求,但是有很多地方可以阅读它,like this one(官方Angular文档).

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读