angular，”styles: [“应当加在哪个文件里

在Angular中，组件的样式可以通过在组件的元数据中定义`styles`数组来添加。这个`styles`数组通常是定义在组件的`.ts`文件中的。当组件被渲染时，Angular会将这个数组中的样式添加到组件的HTML模板中。如果你需要在多个组件之间共享样式，可以考虑将这些样式定义在全局的CSS文件中，并将它们引入到你的`index.html`文件中。这样，这些样式就能在整个应用程序中使用了。

相关问题

angular next: ()=>

在 Angular 中，`next: () => {}` 这种语法通常表示一个类型为 `Function` 的属性或方法，其返回类型为 `void`，也就是没有返回值。具体来说，它通常用于定义一个回调函数或观察者对象的方法。

例如，在 `Observable` 中使用 `next` 函数时，我们可以使用 `next: () => void` 的语法来定义一个观察者对象：

import { Observer } from 'rxjs';

const myObserver: Observer<string> = {
  next: (value: string) => console.log(value),
  error: (error: any) => console.error(error),
  complete: () => console.log('completed')
};

在这个例子中，我们定义了一个名为 `myObserver` 的观察者对象，并实现了 `next`、`error` 和 `complete` 这三个方法。当我们订阅 `Observable` 时，`next` 方法将被调用并输出数据。

总之，`next: () => {}` 是一种常见的语法，它表示一个没有返回值的函数类型，通常用于定义回调函数或观察者对象的方法。

angular.json配置的styles文件插入到了body中

在 Angular CLI 中，可以在 `angular.json` 文件中配置应用程序的构建选项，其中包括样式表的配置。默认情况下，CLI 会将样式表添加到 `head` 标签中，但是我们可以通过 `styles` 数组的 `inject` 属性来控制样式表的注入方式。

如果设置 `inject` 为 `true`，则样式表将被注入到 `head` 标签中。如果设置 `inject` 为 `false`，则样式表将被注入到 `body` 标签中。

例如，以下是将样式表注入到 `body` 标签中的 `angular.json` 配置示例：

{
  "projects": {
    "my-app": {
      "architect": {
        "build": {
          "options": {
            "styles": [
              {
                "input": "src/styles.css",
                "inject": false
              }
            ]
          }
        }
      }
    }
  }
}

需要注意的是，将样式表注入到 `body` 标签中可能会导致性能问题，因为它会阻塞页面的渲染。因此，建议只在必要时使用这种注入方式。