{"library":"ngx-transloco-markup","title":"ngx-transloco-markup","description":"An extension for Transloco that provides a <transloco> component for rendering translations with markup. Current stable version 6.0.2 works with Angular >=17 and @jsverse/transloco ^7. Released periodically, with major versions aligned with Angular major versions. Key differentiator: avoids splitting translations or using [innerHtml] for inline markup like links and bold text, reducing injection risks.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install ngx-transloco-markup"],"cli":null},"imports":["import { TranslocoMarkupComponent } from 'ngx-transloco-markup';","import { provideTranslocoMarkup } from 'ngx-transloco-markup';","import { BoldTranspiler } from 'ngx-transloco-markup';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import { Component } from '@angular/core';\nimport { TranslocoMarkupComponent } from 'ngx-transloco-markup';\nimport { TranslocoModule } from '@jsverse/transloco';\n\n@Component({\n  selector: 'app-root',\n  standalone: true,\n  imports: [TranslocoModule, TranslocoMarkupComponent],\n  template: `<transloco key=\"welcome\" [params]=\"{ name: 'John' }\"></transloco>`\n})\nexport class AppComponent {}\n\n// Translation JSON: { \"welcome\": \"Hello <b>{{name}}</b>!\" }","lang":"typescript","description":"Shows how to use the <transloco> component in a standalone Angular component with a translated string containing bold markup.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}