在Angular 5中，可以使用i18n管道和指令来实现国际化。

首先，确保你已经安装了最新版本的Angular CLI，并创建了一个新的Angular项目。

接下来，打开app.module.ts文件，并导入以下模块和服务：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

import { AppComponent } from './app.component';

// 创建一个函数，用于加载翻译文件
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

然后，创建一个新的文件夹assets/i18n，并在该文件夹中创建一个名为en.json的翻译文件。在该文件中，你可以定义所有需要翻译的文本和对应的翻译结果：

{
  "welcome": "Welcome to my app!",
  "greeting": "Hello, {name}!"
}

接下来，打开app.component.ts文件，并导入TranslateService：

import { Component } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';

@Component({
  selector: 'app-root',
  template: `
    
{{ 'welcome' | translate }}
    
{{ 'greeting' | translate: {name: 'John'} }}
  `
})
export class AppComponent {
  constructor(private translate: TranslateService) {
    // 设置默认语言
    this.translate.setDefaultLang('en');
  }
}

在模板中，我们使用了translate管道来翻译文本。在构造函数中，我们通过TranslateService设置了默认的语言。

最后，在app.component.html文件中，添加来显示应用的其他组件。

现在，你可以运行你的应用并看到翻译结果了。当你想要支持其他语言时，只需在assets/i18n文件夹中创建对应的翻译文件，并在TranslateService中设置当前的语言即可。

希望这个示例能帮助到你！