0.0.2 • Published 5 years ago
angular-sidemenu v0.0.2
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)+"%";
});
}