EXCEPTION: No provider found for Component

Question

I have a custom form and custom input.
I am trying to inject the custom form into the custom input. It works when the input is a direct child of the form, however, when I have a component between them, it throws an exception.

this works:

The AppComponent.html:

<custom-form>
  <custom-input></custom-input>
</custom-form>

this doesn't work:

The AppComponent.html:

<custom-form>
  <some-component></some-component>
</custom-form>

The some-component html:

<custom-input></custom-input>

the CustomInput constructor:

CustomInput(@Optional() CustomForm form);

I am getting the error EXCEPTION: No provider found for CustomForm.

Please post more code. I have no idea how "inject a custom form into components" might look like. — Günter Zöchbauer, Jun 05 '17 at 19:53
@GünterZöchbauer, edited it and added more info. This is really bugging is out. Lost the whole day at this already :( — Jonathan, Jun 05 '17 at 20:02

score 1 · Answer 1 · answered Jun 09 '17 at 14:54

A couple things:

It's possible you found a bug. If you can create a reproduction case on github or getter, and create an issue, I can follow-up on why/why not this is working, and why @Optional() isn't preventing an exception.
That being said, this is pretty fundamental to Angular working, so I'd be confused why this doesn't work but injection does work in other cases.

What version of AngularDart are you using? Any special flags?

EXCEPTION: No provider found for Component

1 Answers1