HTML模板代码:
组件代码: import { Component, OnInit } from '@angular/core'; import { TranslateService } from '@ngx-translate/core';
@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit {
constructor(private translateService: TranslateService) { }
ngOnInit() { this.translateService.setTranslation('en', { MY_IMAGE: '~/assets/images/my-image.png' }); } }
HTML模板代码:
组件代码: import { Component, OnInit } from '@angular/core'; import { TranslateService } from '@ngx-translate/core'; import { DomSanitizer } from '@angular/platform-browser';
@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit {
constructor(private translateService: TranslateService, private sanitizer: DomSanitizer) { }
ngOnInit() { this.translateService.setTranslation('en', { MY_IMAGE: '/assets/images/my-image.png' }); }
getImageUrl(): any { const imageUrl = this.translateService.instant('MY_IMAGE'); return this.sanitizer.bypassSecurityTrustUrl(imageUrl); }
} 注意:这种做法需要使用DomSanitizer来避免XSS攻击。