AGoogTrans

An Angular V15 Translate Widget Library made using Google Translate's open-source API that is currently only supporting Angular Version 15 which is now accessible at npmjs.

Table of Contents

Live Demo

Features

Install

npm install a-goog-trans

Currently Supported Languages

| Language | Language Code | | :---: | :---: | | English | en | | Filipino | tl | | Hindi | hi | | Indonesian | id | | Japanese | ja | | Korean | ko | | Malay | ms | | Chinese (PRC) | zh-CN | | Thai | th | | Chinese (TW) | zh-TW | | Vietnamese | vi |

Sample Code

app.module

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AGoogTransModule } from 'a-goog-trans';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    AGoogTransModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  languageToInclude: any = "";
  defaultLanguage: any = "en";
  domainName: any = "";
}

app.component.html

<a-goog-trans [languagesToInclude]="languagesToInclude" [defaultLanguage]="defaultLanguage" [domainName]="domainName"></a-goog-trans>

angular.json (assets for build and testing)

"assets": [
  "src/favicon.ico",
  "src/assets",
  {
    "glob": "**/*",
    "input": "./node_modules/a-goog-trans/src/assets",
    "output": "/assets/"
  }
],

Options

| Input Variables | Default Value | | :---: | :---: | | languagesToInclude | en,tl,id,ja,ko,ms,zh-CN,hi,th,zh-TW,vi | | defaultLanguage | en | | domainName | localhost |

Improvement Checklist

| Task | Last Modified | Status | | :---: | :---: | :---: | | Add Usage Details | 10/07/2023 | Completed | | Add More Language Flags | 10/07/2023 | Pending | | Angular Versionings | 30/01/2023 | TBC |

Create Your Own

Useful Reference Documentation

License

MIT © Sia-WRWD

Back to Top