sendMessage() { const sentMessage = this.chatForm.value.message!; this.loading = true; this.messages.push({ type: 'user', message: sentMessage, }); this.chatForm.reset(); this.scrollToBottom(); this.messageService.sendMessage(sentMessage).subscribe((response: any) => { for (const obj of response) { let value; console.log(obj); if (obj.hasOwnProperty('text')) { value = obj['text']; this.pushMessage(value); } if (obj.hasOwnProperty('image')) { value = obj['image']; this.pushMessage(value); } // Handle buttons if (obj.hasOwnProperty('buttons')) { value = obj['buttons']; // Add logic to handle buttons here } // Handle custom payloads if (obj.hasOwnProperty('custom')) { value = obj['custom']; // Add logic to handle custom payloads here } } // MANIPULATION OF DATA TYPES OF RASA SUCH AS IMAGE, TEXT, BUTTONS, ETC }, (error) => { console.log(error); }); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter