view encapsulation in angular code example

Example 1: add a route to a buttoin in angular

<button type="button" class="btn btn-primary-outline pull-right" (click)="btnClick();"><i class="fa fa-plus"></i> Add</button>    

// myComponent.component.ts file 
import { Router } from '@angular/router';

constructor(private router: Router) {

}
// myComponent.component.thml
btnClick= function () {
        this.router.navigateByUrl('/user');
};

Example 2: how to avoid inheritance in angular

body *:not(.innerhtml-container) {
  @import 'bootstrap';
  @import 'someother-plugin';

  /* Components */
  @import 'components/loading-bar';
  @import 'components/textfield';
}