diff --git a/README.md b/README.md index ddd7fec..0496bdb 100644 --- a/README.md +++ b/README.md @@ -149,7 +149,7 @@ Provide styler view built-it module method: ```typescript @Component({ ... - viewProviders: [StylerModule.forComponent(NameStyle)], + viewProviders: [StylerModule.forComponent(ThisComponentStyle)], ``` Define style injectable: @@ -159,7 +159,7 @@ import { Injectable } from '@angular/core'; import { ComponentStyle, StylerDefService, StyleDef } from '@ngx-kit/styler'; @Injectable() -export class NameStyle implements ComponentStyle { +export class ThisComponentStyle implements ComponentStyle { constructor(private def: StylerDefService) { } @@ -206,7 +206,7 @@ export class NameStyle implements ComponentStyle { ### Multi-register -Styles deep-merged from left to right. +Styles deep-merged from left to right. ```typescript this.styler.register([ @@ -239,6 +239,15 @@ this.styler.register([ ]); ``` +Provide few separated styles to component: + +```typescript +viewProviders: [ + StylerModule.forComponent(LayoutStyle), + StylerModule.forComponent(ThisComponentStyle), +], +``` + ### Fallback styles TBD diff --git a/package/src/styler-component.ts b/package/src/styler-component.ts index fe84ad7..b243c31 100644 --- a/package/src/styler-component.ts +++ b/package/src/styler-component.ts @@ -50,10 +50,6 @@ export class StylerComponent implements OnDestroy { this.stylerService.registerComponent(this); if (componentStyle) { this.register(componentStyle); -// create host element if defined -// if (this.componentStyle['host']) { -// this.createHostElement(); -// } } } diff --git a/package/src/styler.module.ts b/package/src/styler.module.ts index 5fbee90..c077187 100644 --- a/package/src/styler.module.ts +++ b/package/src/styler.module.ts @@ -32,6 +32,7 @@ export class StylerModule { { provide: componentStyle, useClass: componentStyleClass, + multi: true, }, StylerComponent, ];