他の値に基づくオブジェクトからの角度取得値

Question

私はform.service.tsの下に配列オブジェクトを持っています。私は私のHTMLテンプレートの内側の上にオブジェクトから関連するテキスト値を取得するために探しています

currentUser = 'ADMIN'

：

readonly userTypesOptions = [ 
    { value: 'ADMIN', text: 'Administrator' }, 
    { value: 'MEMBER', text: 'Member' }, 
    { value: 'GUEST', text: 'Guest' } 
]; 

getUserTypes() { 
    return this.userTypesOptions; 
} 

と変数とのform.component.ts。残念ながら、私は値に基づいてテキストを取得する方法がわからないので、以下のコードは動作しません。

{{ userTypesOptions[currentUser].text }} 

form.component.htmlヘルプをいただければ幸いです。

Answer 1

として@Explosion丸薬は言っ

getValue(currentUSER){ 
    let option = this.userTypesOptions.find(opt => opt.value === currentUSER); 
    return (option || {}).text; 
} 

か：このようなことに

readonly userTypesOptions = { 
    'ADMIN' :'Administrator', 
    'MEMBER': 'Member' , 
    'GUEST':'Guest' 
} 

とアクセス：あなたは、オプション・タイプを検索しようとしている

{{ userTypesOptions[currentUser]}} 

Answer 2

キーの代わりに値を使用します。

in userTypesOptions、 'ADMIN'というキーはありません。 'ADMIN'は、KEY '値'によって識別されるVALUEです。

何ができたこのあるために：

readonly userTypesOptions = [ 
    { 'ADMIN': 'Administrator' }, 
    { 'MEMBER': 'Member' }, 
    { 'GUEST': 'Guest' } 
]; 

あなたはKEY 'ADMIN' を使用してアイテムにアクセスした時はいつでもその後、あなたはVALUEになるだろう "管理者

{{ userTypesOptions[currentUser] }} // <-- renders 'Adminisrator' when currentuser = 'ADMIN' 

は編集：私は推測します私の答えは大丈夫ではなかったので、userTypesOptionsを配列の代わりにオブジェクトに変換することもできます：

readonly userTypesOptions = { 
    'ADMIN': 'Administrator', 
    'MEMBER': 'Member', 
    'GUEST': 'Guest' 
};