Angular için ngx-translate kullanarak i18n (internationalization) yapmak için aşağıdaki adımları izleyebilirsiniz:
-
Projeyi kurmak:
Projede ngx-translate kullanmak için ilk olarak npm üzerinden ngx-translate modülünü yüklemelisiniz. Bunun için aşağıdaki komutu kullanabilirsiniz:
npm install @ngx-translate/core @ngx-translate/http-loader -
Translate modülünü eklemek:
Projenizde translate modülünü kullanmak için app.module.ts dosyasına import ediniz. Ayrıca, TranslateModule ve HttpClientModule modüllerini imports bölümüne eklemelisiniz.
-
Dil dosyalarını oluşturmak:
ngx-translate kullanarak çevirileri yapabilmek için dil dosyaları oluşturmanız gerekir. Bu dosyalar JSON formatında olmalıdır ve genellikle assets klasörü içinde saklanır.
-
Örnek bir dil dosyası:
-
app.component.ts örneği;
-
app.component.html örneği;
Kodları görmek için tıklayınız.
Demo için tıklayınız.