search

chargebee / chargebee-checkout-samples

36 stars 68 forks source link

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

Closed vkmechit closed 1 year ago

vkmechit commented 1 year ago

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'"></div>

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
andrebnf commented 1 year ago

same issue here

cb-farhanh commented 1 year ago

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.

andrebnf commented 1 year ago

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!