Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular (Style (encapsulation: ViewEncapsulation.None
// This…
Angular
Style
encapsulation: ViewEncapsulation.None
// This setting allows style inside component to be applied to the global scope.
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.
Animation
<div [fade]="active? in :out">
Hello World
</div>
Component(
{
animations:[
triggers('fade':[/.../])
]
}
)
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>
-
-
-
-
-
-