In TabStrip control with angular 7: when moving to another tab and hitting ngAfterViewInit() on that tab's component -> previous tab's component still exists - showing 2 components together.

Provide a class input property, or a similar approach, for the TabStripTab component, that will help us to add and remove a custom CSS class based on a condition.

I need some extra view of Tabstripe title like icon title and close button so can we add html title so good design of tabstripe title

As you can see from the image below the tab strip tabs can keep getting added and they do not care where the parent DIV or any other container ends. It would be appropriate for them to allow for scrolling if it goes outside the width of its container.

 

This is the way it is handled in jQuery

https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs

 

Like the SAPUI5 object page control, it is a tabstrip with horizontal orientation of the tab headers but vertical allignment of all tab sections within the tab content container. If the user clicks on one tab header, the tab content container will be scrolled down to the tab section linked to the tab header.

 A preview is given in the link below. 

ObjectPage

 

Yours

Stephan