親コンポーネントを経由してクエリパラメータから来るプロパティを更新するEmber - 子コンポーネント

Question

Ember 1.13.0を使用していて、子コンポーネントのクエリパラメータから来るプロパティを更新しようとしています。

"time"が定義されていない場合、私は1200に設定しています。子コンポーネントに "time"（this.get（ 'time'））私はそれを更新し、私はその値が更新されているのを見ることができます。しかし、それは親コンポーネントの動作には通じません。

なぜ、子で更新されている場合、私は親でその値を得ることができないのですか？

トップレベル成分：

{{parent-component time = model.params.incomingTime}} 

親成分：

<div>hello</hello> 
{{child-component time=time}} 

親成分JS：

actions: { 
submit:function(){ 
    var t = this.get('time') 
} 
} 

子供コンポーネント：

<div>Time is {{currentTime}}</div> 

子供コンポーネントJS：

currentTime: function(){ 
if(this.get('time')){ 
    return time; 
} else { 
    this.set('time','1200'); 
    return '1200' 
} 
}.property() 

トップレベルのルート：ので、あなたのコードがする場合

var route = Ember.Route.extend({ 
queryParams: { 
    time: {refreshModel:true, replace: false} 
}, 
model: function(params){ 
    return Ember.RSVP.hash({ params: params}) 
}, 
setupController: function(controller, model) { 
      controller.set('model', model); 
     } 
}) 

Answer 1

私はそれが親コンポーネントに新しいCPを宣言し、そこから、単に「時間」を返すことで取り組んでしまいました。今私はそのCPを子供に渡して、それを親の行動で更新しています。このように動作するようです

Answer 2

ウィルincomingTimeプロパティはparamsで来ます作業。それ以外の場合は失敗します。

{{parent-component time=model.params.incomingTime}} 

アップデート1： 全体model.paramsを送信することは働くかもしれません。

最上位成分：

{{parent-component modelParams=model.params}} 

親コンポーネント：

<div>hello</hello> 
{{child-component modelParams=modelParams}} 

親コンポーネントJS：

actions: { 
submit:function(){ 
    var t = this.get('modelParams.time') 
} 
} 

子コンポーネント：

子コンポーネントJS：

currentTime: function(){ 
if(this.get('modelParams.time')){ 
    return time; 
} else { 
    this.set('modelParams.time','1200'); 
    return '1200' 
} 
}.property()