सामग्री पर जाएँ
Angular i18n

Angular i18n समाधान

Angular एप्लिकेशन्स के लिए standalone components, signals, और SSR सपोर्ट।

Get started in 3 steps

1

Install

Add the Better i18n Angular package to your project.

terminal
npm install @better-i18n/angular
2

Import the module

Import BetterI18nModule in your AppModule or standalone component.

app.module.ts
import { BetterI18nModule } from '@better-i18n/angular';

@NgModule({
  imports: [
    BetterI18nModule.forRoot({
      project: 'your-org/your-project',
      defaultLocale: 'en',
    }),
  ],
})
export class AppModule {}
3

Use the translate pipe

Use the translate pipe or directive in your templates to display translations.

app.component.html
<h1>{{ 'welcome' | translate }}</h1>
<p>{{ 'greeting' | translate: { name: userName } }}</p>

फीचर्स

Standalone components सपोर्ट
Translation pipes
i18n डायरेक्टिव्स
Injectable services
Lazy loading मॉड्यूल्स
AOT compilation सपोर्ट
Angular Universal SSR
Signals सपोर्ट
Angular CLI इंटीग्रेशन

क्विक स्टार्ट

Pipes और services के साथ अपनी Angular ऐप में i18n जोड़ें।

// app.component.ts
import { Component } from '@angular/core';
import { TranslateService } from '@better-i18n/angular';

@Component({
  selector: 'app-root',
  template: `
    <h1>{{ 'welcome' | translate }}</h1>
    <p>{{ 'greeting' | translate: { name: 'World' } }}</p>
  `
})
export class AppComponent {
  constructor(private translate: TranslateService) {
    translate.setDefaultLang('en');
  }
}

लोकप्रिय Angular i18n लाइब्रेरी के साथ काम करता है

Better i18n आपकी Angular i18n लाइब्रेरी को पूरक बनाता है — अनुवाद विज़ुअली प्रबंधित करें, अनुवादकों के साथ सहयोग करें और CDN के माध्यम से डिप्लॉय करें।

Better i18n + @ngx-translate/core

सबसे व्यापक रूप से उपयोग की जाने वाली Angular अनुवाद लाइब्रेरी। Pipes, directives और service injection के साथ रनटाइम अनुवाद।

Better i18n ngx-translate JSON फॉर्मेट में एक्सपोर्ट करता है। डैशबोर्ड में अनुवाद संपादित करें, अपने रिपो के साथ स्वचालित सिंक करें।

Better i18n + Angular i18n (built-in)

AOT कंपाइलेशन, ICU एक्सप्रेशन और बिल्ड-टाइम अनुवाद एक्सट्रैक्शन के साथ Angular का आधिकारिक i18n सिस्टम।

Angular XLIFF फॉर्मेट में एक्सपोर्ट करें। Better i18n अनुवाद वर्कफ़्लो प्रबंधित करता है, Angular CLI locale-विशिष्ट बंडल बनाता है।

Better i18n + Transloco

Lazy loading, समृद्ध प्लगइन और उत्कृष्ट TypeScript सपोर्ट के साथ Angular के लिए आधुनिक, हल्की i18n लाइब्रेरी।

Better i18n के GitHub इंटीग्रेशन के माध्यम से Transloco JSON फॉर्मेट में अनुवाद सिंक करें। CDN डिलीवरी के साथ रियल-टाइम अपडेट।

अन्य फ्रेमवर्क गाइड्स का अन्वेषण करें

Angular i18n के साथ बनाना शुरू करें

फ्री टियर उपलब्ध है। क्रेडिट कार्ड की ज़रूरत नहीं।