angular 404,504，加载中页面组件应该怎么命名好，他们放在一个什么文件夹好

在 Angular 中，404 页面组件和 504 页面组件可以命名为 `NotFoundComponent` 和 `ServerErrorComponent`。这些组件可以放在 `src/app/errors` 文件夹中，其中存储了应用中的错误页面组件。

你也可以根据自己的需要自定义错误页面组件的名称和存储位置。

相关问题

Angular 中的translate如何应用在shared组件中

在 Angular 中使用 translate 应用到 shared 组件中，可以按照以下步骤进行操作：

1. 安装依赖：首先，确保你已经安装了 Angular 的国际化库 `@ngx-translate/core`。

npm install @ngx-translate/core

2. 配置 Translate 模块：在你的 Angular 应用的根模块（一般是 `app.module.ts`）中，导入 `TranslateModule` 和 `TranslateLoader`。

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

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

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

3. 创建翻译文件：在你的项目根目录下创建一个名为 `assets/i18n` 的文件夹，并在该文件夹下创建一个 JSON 文件，例如 `en.json` 和 `zh.json`，用于存储不同语言的翻译文本。

// en.json
{
  "shared": {
    "welcome": "Welcome!"
  }
}

// zh.json
{
  "shared": {
    "welcome": "欢迎！"
  }
}

4. 在 shared 组件中使用翻译：在你的 shared 组件中，首先导入 `TranslateService`，然后在构造函数中注入该服务。接下来，你可以使用 `translate` 方法来获取翻译文本。

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

@Component({
  selector: 'app-shared',
  template: `
    <h1>{{ welcomeMessage }}</h1>
  `
})
export class SharedComponent {
  welcomeMessage: string;

  constructor(private translate: TranslateService) {
    this.translate.get('shared.welcome').subscribe((res: string) => {
      this.welcomeMessage = res;
    });
  }
}

现在，当你在应用中使用该 shared 组件时，它会根据当前的语言环境显示相应的翻译文本。

希望这能帮助到你！如有其他问题，请随时提问。