0.0.2 • Published 5 years ago

angular-sidemenu v0.0.2

Weekly downloads
10
License
-
Repository
github
Last release
5 years ago

Angular-SideMenu

npm install angular-sidemenu --save

Import Module

import { AngularSideMenuModule } from 'angular-sidemenu';

@NgModule({

imports: [

AngularSideMenuModule

]

})

Create Your Side Menu Component

<angular-sidemenu //Optional:[isOpen]="true-false" //Optional:[sideMenuIndex]="1.0 - 4.0">
	Your Side Menu Design
</angular-sidemenu>

SideMenu Change // Optional

<!--Html-->

<angular-sidemenu></angular-sidemenu>
<any #main>

<!--Html-->
import { SideMenuChangeService } from  'angular-sidemenu';

@ViewChild('main') main:ElementRef;

constructor(private sideMenuChangeService:SideMenuChangeService ){ }

ngAfterViewInit(): void {
	this.sideMenuChangeService.sideMenuWidth.subscribe(res=>{
	this.main.nativeElement.style.marginLeft=res+"%";
	//Optional
	//this.main.nativeElement.style.width=(100-res)+"%";
	});
}
0.0.2

5 years ago

0.0.1

5 years ago