ng-fy-tabs

A module for tabs component with component ref without routing Click for demo

Install

npm install ng-fy-tabs

Usage

import { NgFyTabsModule } from 'ng-fy-tabs';

add to module imports

NgModule({
...
imports: [
  NgFyTabsModule
]
...
})

add to html file

<ng-fy-tabs></ng-fy-tabs>

Before use a component add to entryComponents

@NgModule({
...
entryComponents:[
    ExampleTabComponent
]
...
})

Inputs

Name	Type	Default	Description
tabs	ngFyTabsInterface[]	[]	all tabs object

Outputs

Name	Type	Description
tabChange	string	Fired when active tab change

ngFyTabsInterface

Name	Type	Default	Optional	Readonly	Description
id	string or number		false	true	tab id for identification
title	string		false	false	tab title
canRefresh	boolean	false	true	false	tab refresh from zero
canClose	boolean	true	true	false	close tab
component	Component		false	true	Component ref for tab content
componentRef	ComponentRef	undefined	true	false	Do not set or change this one for me
data	{ key: string, value: string }[]		true	false	component attr value
loading	boolean	false	true	false	if loading component set true

Changing Some Values

if u want to change somethink change it, its gone be fine but if u gona remove one of data set undefined i'll remove it