[解決済み] TypeScriptでオブジェクトを初期化する方法
2022-03-18 21:37:09
質問
簡単なモデルクラスがあります
export interface Category {
name: string;
description: string;
}
私はangularコンポーネントで変数を宣言し、初期化する必要があります。 試してみました。
category: Category = {};
エラーです。{はカテゴリに割り当てることができません
category: Category = new Category();
エラーが発生しました。カテゴリは型を参照していますが、値として参照されています。
何か提案はありますか?
解決方法は?
この問題を解決するには、求める結果に応じていくつかの方法があります。
方法1:
interface
を
class
export class Category {
name: string;
description: string;
}
const category: Category = new Category();
方法2: 拡張する
interface
として
class
export class CategoryObject implements Category {
}
const category: Category = new CategoryObject();
方法3: オブジェクトを完全に指定する。
interface
const category: Category = {
name: 'My Category',
description: 'My Description',
};
方法4:プロパティをオプションにする
export interface Category {
name?: string;
description?: string;
}
const category: Category = {};
方法5:変数の型を変更して
Partial<T>
export interface Category {
name: string;
description: string;
}
const category: Partial<Category> = {};
関連
-
[解決済み】Typescriptで、! (エクスクラメーションマーク/バン)演算子でメンバを再参照するのは?
-
[解決済み】プロパティ 'value' が 'HTMLElement' 型の値に存在しない。
-
[解決済み] オブジェクトの型は「不明」です typescript generics
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み] TypeScriptでオブジェクトに動的にプロパティを割り当てるには?
-
[解決済み] Typescript によるインターフェース型チェック
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み】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のハッシュマップ/辞書インターフェイス
-
[解決済み] TypeScript - Angular: 複数行の文字列
-
[解決済み] ジェネリックスを使用したTypescriptのarrow関数の構文はどのようになっていますか?
-
[解決済み] AngularでNameServiceのプロバイダがない
-
[解決済み] TypeScriptのクラス型チェック
-
[解決済み] TypeScriptのファイル変更時にts-nodeを監視して再読み込みする方法
-
[解決済み】TypeScriptのコンパイルでExperimental decoratorsの警告が出る。
-
[解決済み】タイプからプロパティを除外する