瀏覽翻譯后的范例應(yīng)用

要瀏覽 Angular 國際化指南中使用的帶法語翻譯的范例應(yīng)用，參見live example / 下載范例。

公司主營業(yè)務(wù)：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出河南免費做網(wǎng)站回饋大家。

fr-CA 和 en-US 范例

以下選項卡顯示示例應(yīng)用程序和相關(guān)的翻譯文件。

• src/app/app.component.html

  Hello i18n!


I don't output any element







+ -
Updated {minutes, plural, =0 {just now} =1 {one minute ago} other {{{minutes}} minutes ago}}
({{minutes}})



♂ ♀ ⚧
The author is {gender, select, male {male} female {female} other {other}}



Updated: {minutes, plural,
  =0 {just now}
  =1 {one minute ago}
  other {{{minutes}} minutes ago by {gender, select, male {male} female {female} other {other}}}}

• src/app/app.component.ts

  import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
  })
  export class AppComponent {
    minutes = 0;
    gender = 'female';
    fly = true;
    logo = 'https://angular.io/assets/images/logos/angular/angular.png';
    inc(i: number) {
      this.minutes = Math.min(5, Math.max(0, this.minutes + i));
    }
    male() { this.gender = 'male'; }
    female() { this.gender = 'female'; }
    other() { this.gender = 'other'; }
  }

• src/app/app.module.ts

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    imports: [ BrowserModule ],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
  })
  export class AppModule { }

• src/main.ts

  import { enableProdMode } from '@angular/core';
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  
  import { AppModule } from './app/app.module';
  import { environment } from './environments/environment';
  
  if (environment.production) {
    enableProdMode();
  }
  
  platformBrowserDynamic().bootstrapModule(AppModule);

• src/locale/messages.fr.xlf

  
  
    
      
        
          Hello i18n!
          An introduction header for this sample
          User welcome
        
        
          Hello i18n!
          Bonjour i18n !
          An introduction header for this sample
          User welcome
        
        
          I don't output any element
          Je n'affiche aucun élément
        
        
          Angular logo
          Logo d'Angular
        
        
          {VAR_PLURAL, plural, =0 {just now} =1 {one minute ago} other { minutes ago} }
          {VAR_PLURAL, plural, =0 {à l'instant} =1 {il y a une minute} other {il y a  minutes} }
        
        
          The author is 
          L'auteur est 
        
        
          {VAR_SELECT, select, male {male} female {female} other {other} }
          {VAR_SELECT, select, male {un homme} female {une femme} other {autre} }
        
        
          Updated: 
          Mis à jour: 
        
        
          {VAR_PLURAL, plural, =0 {just now} =1 {one minute ago} other { minutes ago by {VAR_SELECT, select, male {male} female {female} other {other} }} }
          {VAR_PLURAL, plural, =0 {à l'instant} =1 {il y a une minute} other {il y a  minutes par {VAR_SELECT, select, male {un homme} female {une femme} other {autre} }} }
        
        
          Hello
          Bonjour
        
      
    
  

當前標題：創(chuàng)新互聯(lián)Angular教程：Angular 國際化-應(yīng)用示例
URL標題：http://www.dlmjj.cn/article/dhsjhsc.html