can't run your code sample

[gilbertlucas46]

I'm trying to run your sample code into a modal

ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'listData' since it isn't a known property of 'ion-alpha-scroll'.

1. If 'ion-alpha-scroll' is an Angular component and it has 'listData' input, then verify that it is part of this module.
2. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" <ion-alpha-scroll *ngIf="breeds" [ERROR ->][listData]="breeds" key="name" [itemTemplate]="alphaScrollItemTemplate" "): ng:///CountryCodePageModule/CountryCodePage.html@17:4 Can't bind to 'itemTemplate' since it isn't a known property of 'ion-alpha-scroll'.
4. If 'ion-alpha-scroll' is an Angular component and it has 'itemTemplate' input, then verify that it is part of this module.
5. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
6. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" [listData]="breeds" key="name" [ERROR ->][itemTemplate]="alphaScrollItemTemplate" [currentPageClass]="currentPageClass" [triggerChange"): ng:///CountryCodePageModule/CountryCodePage.html@19:4 Can't bind to 'currentPageClass' since it isn't a known property of 'ion-alpha-scroll'.
7. If 'ion-alpha-scroll' is an Angular component and it has 'currentPageClass' input, then verify that it is part of this module.
8. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
9. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" key="name" [itemTemplate]="alphaScrollItemTemplate" [ERROR ->][currentPageClass]="currentPageClass" [triggerChange]="triggerAlphaScrollChange"> </ion-alpha-s"): ng:///CountryCodePageModule/CountryCodePage.html@20:4 Can't bind to 'triggerChange' since it isn't a known property of 'ion-alpha-scroll'.
10. If 'ion-alpha-scroll' is an Angular component and it has 'triggerChange' input, then verify that it is part of this module.
11. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
12. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" [itemTemplate]="alphaScrollItemTemplate" [currentPageClass]="currentPageClass" [ERROR ->][triggerChange]="triggerAlphaScrollChange"> "): ng:///CountryCodePageModule/CountryCodePage.html@21:4 'ion-alpha-scroll' is not a known element:
13. If 'ion-alpha-scroll' is an Angular component, then verify that it is part of this module.
14. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

[ERROR ->] ][listData]="breeds" key="name" [itemTemplate]="alphaScrollItemTemplate" "): ng:///CountryCodePageModule/CountryCodePage.html@17:4 Can't bind to 'itemTemplate' since it isn't a known property of 'ion-alpha-scroll'. 1. If 'ion-alpha-scroll' is an Angular component and it has 'itemTemplate' input, then verify that it is part of this module. 2. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" [listData]="breeds" key="name" [ERROR ->][itemTemplate]="alphaScrollItemTemplate" [currentPageClass]="currentPageClass" [triggerChange"): ng:///CountryCodePageModule/CountryCodePage.html@19:4 Can't bind to 'currentPageClass' since it isn't a known property of 'ion-alpha-scroll'. 1. If 'ion-alpha-scroll' is an Angular component and it has 'currentPageClass' input, then verify that it is part of this module. 2. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" key="name" [itemTemplate]="alphaScrollItemTemplate" [ERROR ->][currentPageClass]="currentPageClass" [triggerChange]="triggerAlphaScrollChange"> ][triggerChange]="triggerAlphaScrollChange"> "): ng:///CountryCodePageModule/CountryCodePage.html@21:4 'ion-alpha-scroll' is not a known element: 1. If 'ion-alpha-scroll' is an Angular component, then verify that it is part of this module. 2. If 'ion-alpha-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" [ERROR ->]

[andidemo]

core.js:6014 ERROR Error: Uncaught (in promise): Error: Template parse errors: No provider for Content ("

[ERROR ->]I am facing the above error please help to resolve.