Accordion Component removing content angular 14

[gustavohleal]

Hello!

I'm new using coreui. I tried testing the accordion component and after solving some dependency problems, i finally got it working.

Then I copied an example from the CoreUi documentation and it just not showing the content even though the accordion is opening and closing as it should. The inner html and text just vanish from the document. I also put a simple alert to test if the core was working.

As you can see, the content was just not compiled. I have tested all the three examples from the accordion page: the simple, the flush and the always open.

Here my depedencies from package.json:

"dependencies": {
    "@angular/animations": "^14.0.0",
    "@angular/cdk": "^14.0.4",
    "@angular/common": "^14.0.0",
    "@angular/compiler": "^14.0.0",
    "@angular/core": "^14.0.0",
    "@angular/forms": "^14.0.0",
    "@angular/platform-browser": "^14.0.0",
    "@angular/platform-browser-dynamic": "^14.0.0",
    "@angular/router": "^14.0.0",
    "@coreui/angular": "^4.0.3",
    "@coreui/coreui": "^4.2.0",
    "@coreui/icons-angular": "^3.1.1",
    "bootstrap": "^5.1.3",
    "rxjs": "~7.5.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },

And i'm using Nodejs v16 on windows WSL 2.

What can be done o fix it? Should i use Coreui v2?

[xidedix]

@gustavohleal
You have to import SharedModule to use the cTemplateId directive.
Looks like this info is missing in the docs.

[gustavohleal]

@gustavohleal You have to import SharedModule to use the cTemplateId directive. Looks like this info is missing in the docs.

That solved the problem. Thank you