Loading TabStrip Tabs on Demand

Environment

Description

How can I load tabs in the Kendo UI for Angular TabStrip upon request?

Solution

By default, the component either creates the content of all its tabs when it is initialized or creates the content of each tab when the tab becomes active. When the tab is not in use anymore, the TabStrip destroys it. This specific default behavior depends on the value of the keepTabContent option.

To combine both approaches of loading the tab content on demand when a tab becomes active and keeping the tab content when the tab is no longer active, create a custom structural directive that can be placed in the content template of the tab.