angular-translate

why_rookie 發(fā)布于2019-08-19 17:17 / 3495人閱讀

//index.config.js

  angular
    .module("app")
    .config(config);

  /** @ngInject */
  function config($logProvider, $translateProvider, $translatePartialLoaderProvider) {
    // Enable log
    $logProvider.debugEnabled(true);

    $translatePartialLoaderProvider.addPart("home");
    $translateProvider.useLoader("$translatePartialLoader", {
      urlTemplate: "app/i18n/{part}/{lang}.json"
    });
    $translateProvider.preferredLanguage("zh_cn").fallbackLanguage("en");

    $translateProvider.useMissingTranslationHandlerLog();

    $translateProvider.registerAvailableLanguageKeys(["zh_cn", "en", "zh_hant"], {
      "en_*": "en",
      "zh_tw": "zh_hant",
      "zh_hk": "zh_hant"
    });

    $translateProvider.useSanitizeValueStrategy("escaped");
    $translateProvider.useCookieStorage();
  }

  // i18n/home/en.json
  {
    "TITLE": "home",
    "DESCRIPTION": "This is home page",
    "ITEM1": {
      "TITLE": "item1",
      "INFO": "this is item1"
    },
    "ITEM2": {
      "TITLE": "item2",
      "INFO": "this is item2"
    }
  }
  // i18n/home/zh_cn.json
  {
    "TITLE": "首頁",
    "DESCRIPTION": "這是首頁",
    "ITEM1": {
      "TITLE": "項目一",
      "INFO": "這是項目一"
    },
    "ITEM2": {
      "TITLE": "項目二",
      "INFO": "這是項目二"
    }
  }

  // home.controller.js
  /** @ngInject */
  function HomeController(homeData) {
    var vm = this;
    vm.items= [
      {
        title: "ITEM1.TITLE",
        info: "ITEM1.INFO"
      },
      {
        title: "ITEM2.TITLE",
        info: "ITEM2.INFO"
      }
    ];
  }
  // home.html

云服務器 GPU云服務器 angular-translate

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78370.html

$translatePartialLoader加載失敗及解決方式

摘要：按照官網(wǎng)的說法，在中添加模塊后必須刷新國際化數(shù)據(jù)，因此官方建議通過直接調(diào)用，或者監(jiān)聽所觸發(fā)的事件并調(diào)用這兩種方式來刷新數(shù)據(jù)。然而按照官網(wǎng)的寫法這兩者都是無效的。解決方式問題找到了，解決起來也簡單，在初始化完畢后強制刷新一次即可，代碼如下前言 $translatePartialLoader(以下簡寫為TPL)是angular-translate中的局部加載器，由于該加載器可以以模塊為單...

lbool 2019-08-19 18:11 評論0 收藏0
前端通用國際化解決方案

摘要：前端通用國際化解決方案背景前端技術日新月異，技術棧繁多。接下來針對這幾塊內(nèi)容并結合日常的開發(fā)流程說明國際化的通用解決方案。文章首發(fā)于個人blog，歡迎大家關注。 DI18n 前端通用國際化解決方案背景前端技術日新月異，技術棧繁多。以前端框架來說有React, Vue, Angular等等，再配以webpack, gulp, Browserify, fis等等構建工具去滿足日常的開...

lingdududu 2019-08-20 15:46 評論0 收藏0
關于angular2.0的i18n國際化的解決方法，分享一下給大家，有錯大家指出來互相學習哈。。。

摘要：關于的，網(wǎng)上的資料也不多，剛好項目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。關于angular2的i18n，網(wǎng)上的資料也不多，剛好項目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。廢話不多說！直接上代碼：首先我們肯定要新建一個文件，叫aaa（網(wǎng)上angular-cli教程很多），cmd打開命令進入到隨便一個目錄底下： ng new a...

娣辯孩 2019-08-20 18:13 評論0 收藏0
關于angular2.0的i18n國際化的解決方法，分享一下給大家，有錯大家指出來互相學習哈。。。

摘要：關于的，網(wǎng)上的資料也不多，剛好項目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。關于angular2的i18n，網(wǎng)上的資料也不多，剛好項目需要用到，就自己去查閱各種資料，自己整理了出來，分享下出來給大家吧。廢話不多說！直接上代碼：首先我們肯定要新建一個文件，叫aaa（網(wǎng)上angular-cli教程很多），cmd打開命令進入到隨便一個目錄底下： ng new a...

alaege 2019-08-29 12:58 評論0 收藏0