2016-05-25 5 views
0

私は2つのオブジェクトを持っています。オブジェクトは{'id': 'abc'、 'pwd': 'pwd1'}であり、BオブジェクトはArrayです。 BはAオブジェクトプロパティの文字列です。このような。 ['id'、 'pwd']javascriptでは、object ['property string']を使用してください。 AngularJS 2でどうすればいいですか?

ng2コンポーネントテンプレートで使用します。

*ngFor(#str of B) 
    {{A[str]}} 

しかし、それに動作していない..私は、JavaScriptのような行うことができますどのように ? ng2は{{object.property}}を使用しています。

どのようにjavascriptのように使用することができますかわからない!

++編集この投票..私はそのように使用

template: '<tr *ngFor="#str of B"> 
    <th>{{str}}</th> 
    <td>{{A[str]}}</td> 
</tr>' 

export class @@{ 
    A = [{'id': '1', 'pwd': 'pwd1'}]; 
    b = ['id', 'pwd']; 
} 

。それは値を表示していません。 どうすればいいですか?

答えて

0

次のコードは、私の作品:https://plnkr.co/edit/YqKzjS9UapEtmO2BKF4E?p=preview

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div *ngFor="let str of B"> 
     {{A[str]}} 
    </div> 
    ` 
}) 
export class App { 
    A = {'id': 'abc', 'pwd': 'pwd1'} 
    B = ['id', 'pwd']; 
} 

このplunkrを参照してください。

編集

は戻って使用するように注意してくださいあなたは、いくつかの行(やない単一引用符)で文字列を定義したい場合はダニ。あなたの場合、あなたのコンポーネントのテンプレート属性。

+0

????私はこれを信じることができない...秒を待つ...私はショックを受けた.. T-T – mago

+0

私の投票を参照してください。私はそれを編集する。 – mago

+0

複数の行に文字列を定義する場合は、バックティックを使用するように注意してください(シングルクォートではありません)。あなたの場合、あなたのコンポーネントのテンプレート属性。私はこのコメントで私の答えを更新... –

関連する問題