如何使用离子3中的translate管道更新html

时间:2017-12-29 10:41:49

标签: ionic-framework ionic3

在离子3中,我正在创建一个名为translate的管道,在HTML中,我正在使用它{{'welcome'|translate}}

translate.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'translate',
})
export class TranslatePipe implements PipeTransform 
{
    transform(value: string, ...args) 
    {
        var lang = localStorage.getItem("default-app-lang");
        return this[lang](value);
    }
    en(key)
    {
        var lang = 
        {
            "welcome":"welcome",
        }

        return lang[key];
    }
    gu(key)
    {
        var lang = 
        {
            "welcome":"વેલકોમ",
        }
        return lang[key];
    }
}

翻译工作正常,但我不知道如何在用户更改语言时更新HTML without closing and without restart application

0 个答案:

没有答案