ng2 input "Can't bind to <input> since it isn't a known native property"

Question

I'm trying to pass an input to a component as described here:

<comp [str]="json"></comp>

This yields me an error:

Template parse errors: Can't bind to 'str' since it isn't a known native property ("<comp [ERROR ->][str]="json"></comp>")

I also tried switching to the <comp str="{{json}}"></comp> notation... though the error remained.

I've tried to add the input both as:

@Component({
  inputs: ['str'],
})

as well as as:

export class Comp {
  @Input() str: string;

So far no configuration seemed to solve the error though...

What's up with that?

Answer 1

I assume you didn't add Comp to the providers of the parent element. If the <comp> tag doesn't become a Comp Angular component, it doesn't have the str property.