Angular integration fo IBm watson assistant

[ahdbk]

Hey all,

Is there any plan to release an Angular extension for IBM watson webchat ?

Thanks

[ethanwinters]

There is not currently a plan to do so, but if we get enough comments on this issue asking for it, that could change! It shouldn't be too difficult to follow the logic in the React version to re-implement: https://github.com/watson-developer-cloud/assistant-web-chat-react/blob/main/src/WebChatContainer.tsx

[TazmanianDI]

It might be helpful to know more about what you're asking for. Are you just asking for an example for how to use web chat with Angular? Web chat itself is framework agnostic and would work with Angular as it exists today. All that web chat requires is setting the window.watsonAssistantChatOptions object you see in the embed code and then have something load the JavaScript file for web chat from our servers.

[ahdbk]

Indeed you can access the IbmWaston options object even on Angular. But for my use case, I want to have a custom angular component as an action result.

If we want to take an example, image I want to have a custom carousel component build with Angular with injected services that call external API

[TazmanianDI]

I would imagine you can do that with web chat. We have a tutorial that shows how to create a custom content carousel using the web chat custom response (https://cloud.ibm.com/docs/watson-assistant?topic=watson-assistant-web-chat-develop-content-carousel). We only have examples for vanilla JS and React but those are just example. I'm not familiar with angular but I would assume it has capabilities to attach Angular elements or components to existing HTML elements. Web chat basically just creates an HTML element and that it's up to you to put stuff into it using whatever framework that is capable of doing that.