2017-04-05 10 views
0

私が書いたテンプレートコードだけを印刷せずに、私のJSONオブジェクトの一部をPolymerで印刷する方法を知りました。PolymerはStringからのJSONオブジェクトの一部を返します

私のJSONオブジェクトは次のようになります。私はこれを行うことができるよ

weekDagenVertalingen:{ 
    type: Object, 
    value: 
    { 
    'MONDAY':'Maandag', 
    'TUESDAY':'Dinsdag', 
    'WEDNESDAY':'Woensdag', 
    'THURSDAY':'Donderdag', 
    'FRIDAY':'Vrijdag', 
    'SATURDAY':'Zaterdag', 
    'SUNDAY':'Zondag' 
    } 
} 

JavaScriptで:

var day = 'MONDAY'; 
console.log(weekDagenVertalingen[day]); 

このJavaScriptコードが出力します: Maandag

しかし、いくつかのために試してみる理由:

{{weekDagenVertalingen[item.day]}} 

JSONオブジェクトの実際の値ではなく、{{weekDagenVertalingen [item.day]}}という文字がそのまま出力されます。

私は、文字列をこのように得ることについて考えていた:

{{weekDagenVertalingen.item.day}} 

しかし、私は、ポリマーitem.dayを伝えるためには価値がいかに見当もつかない。

私はここで間違っていますか?

答えて

2

私はPolymerを使用して以来、しばらくしていますが、計算されたバインディングが必要だと思います。計算されたバインディングは一方向(ターゲットからホストへ)でしか機能しません。

... 
<span>[[_getDay(item])]]</span> 
... 
<script> 
    Polymer({ 
    ... 
    _getDay: function(item) { 
     return this.weekDagenVertalingen[item.day]; 
    } 
    }) 
</script> 

参照:https://www.polymer-project.org/1.0/docs/devguide/data-binding(あなたが計算されたバインディングセクションが表示されるまでスクロールダウン)

+0

はい、基本的にあなたが結合_property_として複数の変数を持つことはできません。代わりに、バインディング_function_(計算されたプロパティ)が必要になります。 –

+0

まさに私が探していたもの!ありがとう、私はちょうど何を検索するか分からなかった。 – klokklok

関連する問題