Wie übergeben Controller beobachtete Eigenschaft in Komponente

Question

Ich arbeite an einer Anwendung, wo ich eine Eigenschaft übergeben, die in Controller beobachtet wird, um die Komponente, aber ich bekomme undefined Wert. Ich bin ember mit 1,6

Wie ich Komponente nennen: -

{{range-slider min="0" max="100" step="1" value=currentVal}} 

Komponente Implementierung ist: -

App.RangeSliderComponent = Ember.Component.extend({ 
tagName:'', 
currentValue:function(){ 
    return this.get('value'); 
}.property('value'), 

minValue:function(){ 
    return this.get('min'); 
}.property('min'), 

didInsertElement:function(){ 
    console.log("component with currentValue="+this.get("currentValue")+" minValue="+this.get('minValue')); 

} 

})

currentVal als Komponente Wert ist eine Eigenschaft, die beobachtet wird im Controller. Wenn ich den Schieberegler verschiebe, wird der aktuelle Wert geändert, da er mit der Komponente verbunden ist. Der Standardwert ist 50. Der Controller funktioniert einwandfrei.

Der Controller Teil ist: -

currentVal:50, 

currentValChanged:function(){ 
    console.log("currentVal changed"); 
}.observes('currentVal'), 

In Komponente, erhalte ich den min Wert richtig, aber nicht immer den Wert. Es kommt undefiniert.

So erhalten Sie die Eigenschaft Wert in Komponente?

aktualisiert

Ich bin in der Lage Variable zu erhalten, indem Methoden in der Komponente folgenden: -
1) Wenn ich eine Variable direkt an Komponente mit statischem Wert übergebe, es funktioniert. z. B. max Wert in Bereich-Slider-Komponente übergeben.
2) Wenn ich eine statische Variable überlasse, die im Controller definiert ist, z. Controller in

dummyValue:2345, 

Wenn I Blindwert Komponente zu übergeben, kann ich es in Komponententeil lesen.

Aber wenn die Eigenschaft Eigenschaft berechnet wird dann funktioniert es nicht.

Answer 1

Ich bezweifle, dass Ihr Controller undefined Wert auf currentVal Eigenschaft im Controller Teil setzt. Bitte schauen Sie sich die twiddle an, die funktioniert ..

Answer 2

Wenn Sie value=currentVal tun, müssen Sie darauf zugreifen this.get("value"). Wenn Sie mit this.get("currentValue") darauf zugreifen möchten, müssen Sie es mit dem folgenden Namen übergeben: currentValue= currentVal.

Answer 3

Ich hoffe, nicht sehr dumm klingen, aber, haben Sie versucht, einen Platz zwischen currentVal und }}? Es ernsthaft arbeitete für mich mit einigen Helfern.

So:

{{range-slider min="0" max="100" step="1" value=currentVal }} 

Wirklich, ich brauchen, das zu tun mit glut-xselect oder es funktioniert nicht richtig.