[解決済み] グローバル定数の定義
2022-02-19 16:25:01
質問
Angular 1.xでは、このように定数を定義することができます。
angular.module('mainApp.config', [])
.constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/')
Angularでは(TypeScriptで)何が相当するのでしょうか?
ただ、すべてのサービスでAPIのベースURLを何度も繰り返したくはないのです。
どのように解決するのですか?
以下の変更は、Angular 2の最終バージョンで動作しました。
export class AppSettings {
public static API_ENDPOINT='http://127.0.0.1:6666/api/';
}
そして、サービスでは
import {Http} from 'angular2/http';
import {Message} from '../models/message';
import {Injectable} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
import {AppSettings} from '../appSettings';
import 'rxjs/add/operator/map';
@Injectable()
export class MessageService {
constructor(private http: Http) { }
getMessages(): Observable<Message[]> {
return this.http.get(AppSettings.API_ENDPOINT+'/messages')
.map(response => response.json())
.map((messages: Object[]) => {
return messages.map(message => this.parseData(message));
});
}
private parseData(data): Message {
return new Message(data);
}
}
関連
-
[解決済み] 重複した識別子」という紛らわしいTypescriptエラーメッセージが発生する。
-
[解決済み] eslintをtypescriptで使用する - モジュールへのパスを解決できない
-
[解決済み] as "というキーワードは何を意味するのでしょうか?
-
[解決済み] TypeScriptのInterface Function Property。何が違うの?
-
[解決済み] エラー TS2345: 型 'T' の引数は型 'object' のパラメータに代入できません。
-
[解決済み] クラス定数を実装するには?
-
[解決済み] ジェネリックスを使用したTypescriptのarrow関数の構文はどのようになっていますか?
-
[解決済み】AngularでHTTPリクエストにURL引数(クエリ文字列)を渡すには?
-
[解決済み] コンストラクトシグネチャを持つインターフェースはどのように機能するのですか?
-
[解決済み】Typescript インターフェースのデフォルト値
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Typescript: スプレッド型はオブジェクト型からしか作成できない
-
[解決済み】ブロックスコープ付き変数の再宣言ができない(typescript)
-
[解決済み] error TS2339: Property 'x' does not exist on type 'Y'.
-
[解決済み] グローバル定数の定義
-
[解決済み] 2つのインターフェイスを統合する
-
[解決済み] TSがモジュールを見つけ出せない
-
[解決済み] フォーインステートメント
-
[解決済み] TypeScriptのInterface Function Property。何が違うの?
-
[解決済み] noImplicitAnyフラグを有効にしてtypescriptをコンパイルすると、"Index signature of object type implicitly has an 'any' type "というエラーが発生しますが、どうすれば防ぐことができますか?
-
[解決済み】タイプライター。TS7006: パラメータ 'xxx' は暗黙のうちに 'any' 型を持つ。