1.0.0-beta.1 • Published 4 years ago
@novyk/sx-class v1.0.0-beta.1
Advanced Angular Class Binding
Apply classes to an element.
Why
Default Angular bindings (
[class.x]
and[ngClass]
) do not allow to bind dynamic class-names based onboolean
/string
values.@HostBinding
can not providengClass
functionality, if we want to bind classes from component.
Installation
$ ng add @novyk/sx-class
Usage
Directive [sxClass]
<div [sxClass]="{color: 'red', active: true, primary: false}">
<!--<div class="color-red active">-->
Service SxClass
constructor(private sxClass: SxClass) {}
...
this.sxClass.apply({color: 'red', active: true, primary: false});
Adds to element: class="color-red active"