# ngx-translate-jsonp-loader

> Load ngx-translate files from another domain without CORS problems

Latest version **1.2.0** (published 2018-11-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-translate-jsonp-loader
pnpm add ngx-translate-jsonp-loader
yarn add ngx-translate-jsonp-loader
bun add ngx-translate-jsonp-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2018-11-14 |
| First published | 2018-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Patric Lambrecht |
| Maintainers | lampi84 |

## Links

- npm: https://www.npmjs.com/package/ngx-translate-jsonp-loader
- Repository: https://github.com/lampi84/ngx-translate-jsonp-http-loader
- Homepage: https://github.com/lampi84/ngx-translate-jsonp-http-loader#readme
- Issues: https://github.com/lampi84/ngx-translate-jsonp-http-loader/issues
- npm.io page: https://npm.io/package/ngx-translate-jsonp-loader

## Recent versions

- 1.2.0 (latest) — 2018-11-14
- 1.1.2 — 2018-10-26
- 1.1.1 — 2018-10-26
- 1.1.0 — 2018-10-26
- 1.0.0 — 2018-10-25

## README

# ngx-translate-jsonp-http-loader

# Description

Load `ngx-translate` language files from another domain without CORS problem

## Installation:

```
npm i @ngx-translate/core --save
npm i ngx-translate-jsonp-loader --save
```

## Usage:

Adjustments in the app.module.ts

```ts
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateJsonLoader } from 'ngx-translate-jsonp-loader';

export function createTranslateLoader(http: HttpClient) {
  return new TranslateJsonLoader('assets/i18n', '.js');
}

@NgModule({
  imports: [
    BrowserModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: createTranslateLoader,
        deps: [HttpClient]
      }
    })
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

The callback function `ngxTranslateCallback` needs to be added to the language translation files in the i18n folder.

```js
ngxTranslateCallback({
  title: 'this is my title',
  'btn-text': 'click here'
});
```

If you have more than one angular app on one page the callback function can be namespaced by providing a namespace as third parameter in constructor.
This will require to adjust the language files according to the namespace `ngxTranslateCallback` function becomes `[ your namespace ]Callback`.

---
_Source: https://npm.io/package/ngx-translate-jsonp-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._