what is the difference between components and directives in angular?
Component is a directive which use shadow DOM to create encapsulate visual behavior called components. Components are typically used to create UI widgets. Directives is used to add behavior to an existing DOM element. Component is used to break up the application into smaller components.