私のJavascriptコードのメンバー変数をTypescript相当のものに変換する方法を工夫しています。私が持っているconstructor()後に私のJavaScriptコードでJavascriptメンバー変数をTypescriptメンバー変数に変換する
、：
this.theMediaItem = [];
this.theMediaItem.embedLink = '';
this.theMediaItem.username = '';
私はexport classとconstructor()の間で必要に応じて挿入されたが、それは好きではない、活字体と同等として次のことを試してみました。 「：
theMediaItem = [];
theMediaItem.embedLink = '';
theMediaItem.username = '';
ます。また、利用状況から、私はあなたがそのプロパティを割り当てることを見るのであなたは、配列としてごtheMediaItemを定義していないことを確認し、以下の構文を使用する必要があります。
class YourClass {
constructor() {
this.theMediaItem = {};
this.theMediaItem.embedLink = '';
this.theMediaItem.username = '';
}
}
かは、簡単な方法でそれを実行します。
class YourClass {
theMediaItem = { embedLink: '', username: '' },
constructor() {
// ...
}
}
私は混乱しています。私はメンバー変数（this.xxxでアクセスできる）は、クラスYourClassとコンストラクタ（）の間に置かなければならないと考えていました。 –
True、単純なやり方で、更新された答えを見ることができます。 – gevorg
本当にありがとうございます。それは私がやろうとしていることです。ブリリアント！ –
あなたが記述しているものについては、ここでは1つのtypescriptですと同等です：
interface MediaItemArray<T> extends Array<T> {
embedLink?: string;
username?: string;
}
class MyClass {
theMediaItem: MediaItemArray<any> = [];
constructor() {
this.theMediaItem.embedLink = "";
this.theMediaItem.username = "";
}
}
しかし種類の奇妙なのです。..おそらく配列を使いたくないので、クラスに直接プロパティを持たせるのが一番です：
class MediaItem {
embedLink = "";
username = "";
}
class MyView {
mediaItem = new MediaItem()
}
interface MediaItem {
embedLink: string;
username: string;
}
その後
またはインターフェイスを使用している場合：
class MyView {
mediaItem: MediaItem = {
embedLink: "",
username: ""
};
}
このようにした理由は、viewItem.embedLinkとtheMediaItem.usernameを挿入すると、ビューのhtmlコードが分かりやすくなりました。 –
Typescriptについて勉強する必要があることがわかります。 –
「辞書y 'パターン？ 以下のTS文書とwikiページを参照してください。
インターフェイス辞書{[インデックス：文字列]：文字列。 }
は、なぜあなたは配列として 'theMediaItem'を定義していますか？ – gevorg
良い質問です。お勧めの方法は何ですか？ –
私は単純なオブジェクト 'this.theMediaItem = {}; 'として定義する必要があると思います – gevorg