jsonに格納されているTypescript列挙

Question

私はTypescriptとAngular 2を扱っています。 いくつかのjsonデータから動的に列挙型を作成したいと思います。 たとえば、ドロップダウンメニューにenumを設定し、jsonからオプションを取得したいとします。これを行う方法？

Answer 1

Typescriptでは、enumsはJS配列として変換されます（Enums in TypeScript: what is the JavaScript code doing?参照）。

したがって、列挙型を動的にロードする場合は、配列をロードするだけで済みます。

しかし、あなたの目標は、この列挙のうちの選択を作成することであるならば、あなたはあなたのdefinetly JSONをデシリアライズし、組み込みselectとコンポーネントに渡し、*ngForを使用して、オブジェクトからoption Sを作成する必要があります。

最も簡単な方法は、あなたのJSONこの方法をフォーマットするために、次のようになります。

{ 
    "selectData":[ 
        { 
         "key":"foo", 
         "value":"bar" 
        } 
       ] 
} 

この方法で、あなたのJSONをロードして、あなたの選択を作成するためにkeyとvalue値を使用して、selectDataアレイ上で反復することができます。