Angular, prevent component html tag

Problem: 
Angular components each create their own custom tag in the HTML structure. This can prevent HTML tables from aligning correctly if a custom component element gets placed encapsulating table row elements inside a table element.

Solution: 
Use an attribute selector.

@Component({ selector: 'my-component',

Source(s):
https://stackoverflow.com/questions/34588933/how-to-remove-replace-the-angular2-components-selector-tag-from-html

Angular, make ng serve available to other devices

Problem:
Standard ng serve only allows for access via localhost:4200.

Solution:
ng serve --host 192.168.0.xxx

Material Design in Angular, overriding specific css

Problem: 
Angular Material Design button greys out as a hover effect. Standard css override failed.

Solution: 
Adding '/deep/' to the css definition.

.header-container /deep/ .mat-button-focus-overlay{
  background-color:transparent;}

Source(s):
https://stackoverflow.com/questions/44342158/how-can-i-change-angular-material-button-background-color-on-hover-state