AngularでAPIのURL等パラメータのまとめかた

Question

###前提・実現したいこと
Angularからサーバに対してAPIコールを実施し、その結果を画面に描画をするとう実装をしています。
その際、APIのURLをべた書きで書いているのですが、どこにそのような設定情報を
まとめればいいのでしょうか。

###補足情報
Angular CLIでプロジェクトを作成した際に自動生成される、environmentsフォルダのenvironment.tsに記載するのは誤りでしょうか。

Answer 1

environment.tsに書いて良いです。
公式のドキュメントにもapiUrlとして質問と同じことを実装サンプルとして掲載されていますし。

https://github.com/angular/angular-cli/blob/6a82799ce0c460a35a05275b0cca3ad80b4dc3f9/docs/documentation/stories/application-environments.md

You can add further variables, either as additional properties on the environment object, or as separate objects, for example:
環境オブジェクトの追加プロパティとして、または別のオブジェクトとして、さらに変数を追加できます。たとえば、次のようになります。(Google翻訳)

export const environment = {
  production: false,
  apiUrl: 'http://my-api-url'
};

Comments

[neko756]

公式ドキュメントまで連携いただきありがとうございます。
公式に書かれているなら安心ですね。べた書きを一刻も早くなおしたかったので、大変参考になりました。