Creates it's own view (hierarchy of DOM elements) with attached behaviour
Directives add behaviour to an existing DOM element
Only one component can be present per DOM element.
Multiple decorators can be placed on a single element.
Shadow view context is the component instance
Directives do not introduce new evaluation context
When: create a reusable set of DOM elements of UI with custom behaviour
When: write reusable behaviour to supplement existing DOM elements.
UI Options?
HTML/CSS
BOOTSTRAP OR EQUIVALENT
Material Design (2)
PrimeNG
HTML/CSS
Bit Like Original Angular 1.
You're just binding additional functionality to HTML elements. Style them any way you want.
Now use your components and directives in the normal Angular2 fashion.
Bootstrap/UiKit
Good as well.
But Now you start to experience small
problems.
The ruddy JavaScript. (well..jQuery).
Enter Material Design (2)
These are UI Components specifically designed to work with Angular 2 components and directives. i.e. manipulating the UI is done in a consistent angular fashion.
Another Decent Option. PrimeNG (from PrimeFaces)
These are also UI Components specifically designed to work with Angular 2 components and directives. i.e. manipulating the UI is done in a consistent angular fashion. I would say less slick, but more functional and sometimes more effective.
