Can't bind to 'placeholder' since it isn't a known property of 'div

[vkmechit]

Hi
I am facing the below mentioned issue when trying to implement the example1 in my project.
`src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:10:12 - error NG8002: Can't bind to 'styles' since it isn't a known property of 'div'.

10 [styles]="styles"
~~~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:11:11 - error NG8002: Can't bind to 'classes' since it isn't a known property of 'div'.

11 [classes]="classes"
~~~~~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:12:11 - error NG8002: Can't bind to 'fonts' since it isn't a known property of 'div'.

12 [fonts]="fonts"
~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:13:11 - error NG8002: Can't bind to 'placeholder' since it isn't a known property of 'div'.

13 [placeholder]="placeholder"
~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:14:11 - error NG8002: Can't bind to 'locale' since it isn't a known property of 'div'.

14 [locale]="locale"
~~~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.
src/app/example1/example1.component.html:21:68 - error NG8002: Can't bind to 'placeholder' since it isn't a known property of 'div'.

21 <div id="number-field" cbNumberField class="ex1-input" [placeholder]="'4111 1111 1111 1111'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/example1/example1.component.ts:5:16
5 templateUrl: './example1.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component Example1Component.`

Any help will really appreciated.
Thanks

[André Bonfatti]

same issue here

[Farhan Halai]

Hey @vkmechit @andrebnf

Can you please make sure - if you're importing our package as shown here:
https://github.com/chargebee/chargebee-checkout-samples/blob/master/components/angular-app/src/app/app.module.ts#L23

This should resolve the issue.

Thanks.

[André Bonfatti]

Hey @cb-farhanh - I figured the issue here

I am importing as the example. However, I'm also using the Card component inside of a submodule.
So I had to import the Wrapper on that module too and it worked. Thanks for the follow up!