2017-04-05 2 views
0

Ich habe mich gefragt, wie ich einen Teil meines JSON-Objekts in Polymer drucken kann, ohne dass nur der Template-Code gedruckt wird, den ich geschrieben habe.Polymer-Druckteil eines JSON-Objekts aus String

Mein JSON-Objekt sieht wie folgt aus:

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

In Javascript Ich bin in der Lage, dies zu tun:

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

Dieser Code Javascript ausdruckt: Maandag

Aber für einige Grund, wenn Sie das versuchen:

{{weekDagenVertalingen[item.day]}} 

Es wird buchstäblich gedruckt: {{weekDagenVertalingen [item.day]}} anstelle des tatsächlichen Werts des JSON-Objekts.

Ich dachte über die Zeichenfolge auf diese Weise bekommen:

{{weekDagenVertalingen.item.day}} 

Aber ich habe keine Ahnung, wie item.day Polymer zu sagen, ist ein Wert.

Was mache ich hier falsch?

Antwort

2

Es ist eine Weile her, seit ich Polymer verwendet habe, aber ich glaube, dass Sie eine berechnete Bindung wollen. Berechnete Bindungen funktionieren nur in einer Richtung (Host zu Ziel).

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

siehe: https://www.polymer-project.org/1.0/docs/devguide/data-binding (nach unten scrollen, bis Sie den berechneten Bindungen Abschnitt)

+0

Ja, im Wesentlichen können Sie nicht mehr als eine Variable als verbindliche _property_ haben. Stattdessen benötigen Sie eine verbindliche _function_ (berechnete Eigenschaft). –

+0

Genau das, was ich gesucht habe! Vielen Dank, ich hatte einfach keine Ahnung, wonach ich suchen sollte. – klokklok