Service provider in parent component, not provided to child component loaded with ngx-dynamic-hook.

[Charles22219]

I provided a service in the parent component and that service is used on the child component.
This works fine, child component is able to 'see' service instance created in parent

<parent>
     <child></child>
</parent>

However loading the child with the dynamic hook as shown below, I get "NullInjectorError: No provider for xservice" error.

<parent>
     <ngx-dynamic-hooks [content]="'<child></child>'"></ngx-dynamic-hooks>
</parent>

[MTobisch]

Can you give me a little more information about how you provide the service in the parent? I've just tested it like this and it works for me.

Parent.c.ts:

export class MyCustomService {
  someProperty: string = 'This is a property of my custom service';
}

@Component({
  selector: 'app-parent',
  templateUrl: './parent.c.html',
  styleUrls: ['./parent.c.scss'],
  providers: [{provide: MyCustomService, useValue: new MyCustomService() }]
})
export class ParentComponent {
... 
}

Parent.c.html:

<ngx-dynamic-hooks [content]="`<app-child></app-child`"></ngx-dynamic-hooks>

Child.c.ts:

import { MyCustomService } from 'parent.c';

@Component({
  selector: 'app-child',
  templateUrl: './child.c.html',
  styleUrls: ['./child.c.scss']
})
export class ChildComponent {
  constructor(private myCustomService: MyCustomService) {
    console.log(myCustomService); // Should be the service instance
  }
}

[Charles22219]

originally provided it like this

@Component({
  selector: 'app-parent',
  templateUrl: './parent.c.html',
  styleUrls: ['./parent.c.scss'],
  providers: [ServiceName]
})

I tried the exact same way you showed even creating and using MyCustomService, and im still getting the same behavior.
Any guesses why its happening on my end? Thanks

Heres the version I have
"ngx-dynamic-hooks": "^1.7.0"
Angular: 11.1.1

[MTobisch]

One thing you can have a look at is if you specifically have v1.7.4 installed, as that version fixed a bug relating to find the correct service injector. It might very well be the cause of your woes.

npm install ngx-dynamic-hooks@1.7.4

[Charles22219]

updating to 1.7.4 fixed it, works as expected now. Thanks and I appreciate the fast response :D