Tab does not render when using ng-template

[Adriano Nascimento]

Hello

I have a problem using the tab following the documentation https://ej2.syncfusion.com/angular/documentation/tab/getting-started/#initialize-the-tab-using-template .  

when using the tab creating a template it does not finish the rendering and it does not work. I did an example test.

Attachment: Tab_d51047a6.zip

[Hareesh Balasubramanian]

Hi Adriano, 

 

Greetings from Syncfusion. 

 

We can able to reproduce the reported issue at our end and logged the below bug report. The fix will be included in our JS2 weekly release on June 25, 2019.  We will check the fix once with the release source and will provide details on June 26, 2019. 

https://www.syncfusion.com/feedback/6943/issue-in-while-rendering-the-tab-component-when-we-render-the-header-contents-using-ng-template 

 

Regards, 

Hareesh B 

[Karthigeyan Krishnamurthi]

Hi Adriano, 

 

Sorry it is not an issue. Kindly use the below code example to render Tab with template option for header and content. 

https://stackblitz.com/edit/angular-sr3jb6-nqq2e7?file=app.component.html 

 

<ejs-tab> 

      <e-tabitems> 

        <e-tabitem> 

          <ng-template #headerText> 

            Twitter 

          </ng-template> 

          <ng-template #content> 

            Twitter is an online social networking service that enables users to send and read short 140-character messages called "tweets". 

          </ng-template> 

        </e-tabitem> 

        <e-tabitem> 

          <ng-template #headerText> 

            FaceBook 

          </ng-template> 

          <ng-template #content> 

            Facebook is an online social networking service headquartered in Menlo Park, California. 

          </ng-template> 

        </e-tabitem> 

      </e-tabitems> 

    </ejs-tab> 

 

Regards, 

Karthi 

[Adriano Nascimento]

It really works with this example, the problem is just documentation that is old or wrong.

thank you very much.

[Karthigeyan Krishnamurthi]

Hi Adriano, 

 

Sorry for the inconvenience. 

 

We have corrected it and online UG will be refreshed with Volume 2, 2019 main release which is excepted to be rollout by the first week of July 2019. 

 

Regards, 

Karthi