在Angular中，可以使用内置的国际化（i18n）功能来实现元素的国际化。下面是一个包含代码示例的解决方法：

1. 首先，在Angular项目的根目录中创建一个名为messages.xlf的文件，用于存储翻译文本。该文件可以通过Angular的ng xi18n命令自动生成。

2. 在组件的HTML模板中，使用i18n属性来标记需要翻译的文本。例如：

Welcome to my app!

3. 运行ng xi18n命令来提取HTML模板中的翻译文本并将其保存到messages.xlf文件中。

4. 打开messages.xlf文件，并为每个翻译文本提供相应的翻译。例如：

  Welcome to my app!
  Bienvenido a mi aplicación!
  Translation for the welcome message

5. 在组件的TypeScript文件中，使用$localize函数来获取翻译后的文本。例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    
{{ welcomeMessage }}
  `
})
export class MyComponent {
  welcomeMessage = $localize`:@@some-unique-id:Welcome to my app!`;
}

在这个示例中，$localize函数会根据当前的语言环境自动选择正确的翻译文本。

6. 在应用的根模块中，通过导入LOCALE_ID和registerLocaleData函数来配置语言环境。例如：

import { LOCALE_ID, NgModule } from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localeEn from '@angular/common/locales/en';
import localeEs from '@angular/common/locales/es';

registerLocaleData(localeEn);
registerLocaleData(localeEs);

@NgModule({
  providers: [
    { provide: LOCALE_ID, useValue: 'en' } // 默认使用英语
  ]
})
export class AppModule { }

上述代码中，我们首先导入了英语（en）和西班牙语（es）的语言环境数据。然后，通过LOCALE_ID提供者来指定默认的语言环境。

通过以上步骤，我们就可以在Angular项目中实现元素的国际化。根据不同的语言环境，应用会自动选择适当的翻译文本来显示。