UML diagram showing interaction between angular components, services and shared services

Question

I want to know what type of UML diagram can be used to show how components are interacting in Angular application.

Suppose i have Component A, and Component B. These both components talk through a Shared Service C, which means that Component A and Component B has dependency on Shared Service C.

I want to document this dependency using UML diagram.

Answer 1

This shows that a component uses another one. Does this answer to your question ?

Answer 2

For this purpose, I would primarily recommend sequence diagrams . Each lifeline in the diagram represents an Angular component or service.

Based on my experience in designing Angular apps, I have written a white paper on the subject: Technical design in UML for Angular applications .