Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular 4 (Style (encapsulation : ViewEncapsulation.Native
//This setting…
Angular 4
Style
encapsulation : ViewEncapsulation.Native
//This setting stops styles from global environment from applied inside the component.
encapsulation : ViewEncapsulation.Emulated.
// This setting is the default and it allows styles from global environment to be applied to the component.
encapsulation: ViewEncapsulation.None
// This setting allows style inside component to be applied to the global scope.
-
-
-
-
-
-
ng-content
take the HTML input that is inside the component usage content part, and use it directly inside the component template, by projecting it using the
ng-content Angular Core Directive
Multislot Projection
Project a particular part of the HTML content by using the
<ng-content select=".title"></ng-content>
or
<ng-content select="[well-body]"></ng-content>
Animation
<div [fade]="active? in :out">
Hello World
</div>
Component(
{
animations:[
triggers('fade':[/.../])
]
}
)
-