以下に示すように、私のemberアプリケーションでは、ユーザーがコンポーネントでアクションを送信すると、API投稿リクエストが送信され、成功したデータが受信されます.emberインスペクターのデータタブで確認できますが、新しく追加されたアイテムを表示するにはページを更新する必要があります. emberガイドに示されているいくつかの例を試しましたが、何も役に立ちません
私のアクションコードは
actions:{
send(Text_Message){
if(Text_Message != null){
console.log(this.chatid);
var data = {
"Message" : Text_Message,
"ChatId" : this.chatid
}
var store = this.get('store').createRecord('message',data)
store.save().then((response)=>{
})
}else{
alert("Type something to send")
}
}
}
ハンドルバーのテンプレートは
{{#if messages}}
<div>
{{#each messages as |msg|}}
<div class= {{check msg.SenderId userid }}>
{{msg.Message}}
</div>
{{/each}}
</div>
{{else}}
<div class = "groupmessage-no-Msg">
<div class="groupmessage-msg-content"> No Messages </div>
</div>
{{/if}}
<div class = "groupmessage-msg-control">
{{input type="text" placeholder="Type a Message Here... " value=Text_Message}}
<div {{ action 'send' Text_Message}} class="groupmessage-sendbutton groupmessage-sendbutton1" >Send</div>
</div>