Может кто-нибудь объяснить, в чем разница между ViewEncapsulation.Native, ViewEncapsulation.None и ViewEncapsulation.Emulated в angular2.
Я пытался гуглить и читать некоторые статьи, но я не могу понять разницу.
Ниже у меня есть два компонента Home (home.ts), то есть родительский компонент и MyComp (my-comp.ts). Я хочу определить стили в родительском, которые используются в дочернем компоненте.
Должен ли я использовать ViewEncapsulation.Native или ViewEncapsulation.None
home.ts
import {Component, ViewEncapsulation} from 'angular2/core';
import {MyComp} from './my-comp';
@Component({
selector: 'home', // <home></home>
providers: [
],
directives: [
MyComp
],
styles: ['
.parent-comp-width {
height: 300px;
width: 300px;
border: 1px solid black;
}
'],
template:'
<my-comp></my-comp>
<div class="parent-comp-width"></div>
',
encapsulation: ViewEncapsulation.Native
})
export class Home {
}
мой-comp.ts
import {Component} from 'angular2/core';
@Component({
selector: 'my-comp', // <home></home>
template: '
<div class="parent-comp-width">my-comp</div>
'
})
export class MyComp {
}