- No arquivo
routing.module.ts
, adicione os seguintes imports:
import { BUNDLE_PATH, TranslateResolverService, EitsNgxModule } from 'eits-ngx';
- Na definição das rotas, envolva o array de rotas com
EitsNgxModule.wrapRoutes()
:
Antes:
const routes: Routes = [
...
];
Depois:
const routes: Routes = EitsNgxModule.wrapRoutes([
...
]);
- Na definição do
RoutingModule
, na anotação@NgModule
, adicione a dependência noEitsNgxModule
e a chaveproviders
conforme o exemplo:
@NgModule({
imports: [
routing,
EitsNgxModule.forRoot()
],
declarations: [],
providers: [
TranslateResolverService,
{ provide: BUNDLE_PATH, useValue: '/<microserviço>/bundles' }
],
exports: [RouterModule]
})
export class RoutingModule {
}
- Remova a configuração do ngx-translate, a sua linha na chave
imports
, e osimports
no início do arquivo, além de removê-lo do package.json.
- Remova as declarações de
private TranslateService
nos construtores.
- No HTML: utilize o pipe
translate
. Na maioria dos casos não será necessário alterar o HTML. - Nos componentes:
- Adicione o import do helper de tradução:
import { translate } from 'eits-ngx';
- Utilize a tradução chamando a função:
translate(key)
- Adicione o import do helper de tradução: