ion - javascript side menu

, side menu er en af de mest brugte ioniske komponenter.side menu kan åbnes ved at hugge til venstre eller højre - eller ved at udløse den knap, der er oprettet til dette formål, ved hjælp af side menu, første element, som vi har brug for, er ion side menukort.dette element er, der anvendes til at forbinde side menu med alle skærme, der bruger det.ion side menu indhold, element er, hvor indholdet vil blive placeret og ion side menu, element er det sted, hvor vi kan lægge, siden direktiv.vi vil tilføje side menu,., og hvor ion nav opfattelse i side menu indhold.på denne måde siden menu kan anvendes i hele app.,,.,, < ion side menuer > < ion side menu > side = "venstre" > < h1 > side menu < /h1 > < ///////ion - side menu > < ion side menu indhold > < ion nav udsigt > < /ion nav udsigt > < /ion side menu indhold > < /ion side menuer >,, nu vil vi skabe knap med menuen greb = "venstre" direktiv.denne knap, vil normalt være anbragt i apps header bar, men vi vil tilføje, at det i vores model fil med henblik på en bedre forståelse.nu, da den knap er aflyttet, eller når vi kører til højre, side menu vil åbne.du kunne også menuen tæt, direktiv, hvis du vil have en knap, kun for at afslutte side menu, men vi vil bruge greb knap her.,, html skabelon, < knap menu greb = "venstre" klasse = "knap" ikon, ikon - navicon "> < /knap >,,,,, du kan tilføje nogle yderligere egenskaber, ion side menuer, element.gøre menu med tilbage synspunkter, kan fastsættes til falske til at frakoble side menu, når tilbage knap er viste.dette vil også gemme menu greb, knap fra hovedet.den anden egenskab er delegeret styre, der vil blive brug for i forbindelse med $ionicsidemenudelegate,.det vil være omfattet.,,, - side menu indhold, element kan anvende sin egen attribut.når, drag indhold, attribut opstilles falske, vil det slå evne til at åbne side menu nole indhold af skærmen., kant trække tærskel, attribut har standardværdi på 25.det betyder, at et arbejde er kun tilladt 25 pixels fra venstre og højre side af skærmen.vi kan ændre dette antal værdi, eller vi kan sætte det på falske, således at hugge hele skærm eller, sandt, at deaktivere den,.,,, - side menu, kan bruge, side tillægger, at vi viste eksempel ovenfor.det afgør vejret menuen, bør anføres i venstre eller højre side.er aktiveret, attribut med falsk værdi vil deaktivere side menu, og bredde, attributværdi er nummer, der repræsenterer, hvor bred side menu bør være.standardværdien er 275.,, side menu delegerede, $ionicsidemenudelegate, service, der anvendes til at kontrollere alle side menuen i app.vi vil vise dig, hvordan man bruger det, og så vil vi gå igennem alle de muligheder, der er til rådighed.som alle ion - tjenester, er vi nødt til at tilføje, at det som afhængighed til vores registeransvarlige og brug det indenfor registeransvarlige anvendelsesområde.nu, hvor vi tryk på knappen, alle de side menuerne vil åbne.,, registeransvarlige kode,,. controller ('myctrl, funktion ($anvendelsesområde, $ionicsidemenudelegate) ($scope.toggleleftsidemenu = function() ($ionicsidemenudelegate. toggleleft();}})http: //kode, < knap klasse = "knap knap ikon, ikon - navicon" ng klik = "toggleleft()" > < /knap >, viser følgende tabel, $ionicscrolldelegate, metoder, delegere metoder, metodeparametrene type oplysninger toggleleft (parameter) (boolean, der anvendes til åbning eller lukning side menu.toggleright (parameter) (boolean, der anvendes til åbning eller lukning side menu.getopenratio() //afkast i forhold til åbne en del over menu bredde.hvis halvdelen af menuen er åben fra venstre, ration vil være 0,5.hvis side menu er lukket, det vil vende tilbage til 0.hvis halvdelen af menuen er åben fra højre side, det vender jeg tilbage til - 0, 5.isopen() /boolean afkast, hvis side menu er åben, falske, hvis den er lukket.isopenleft() /boolean afkast, hvis venstre menu er åben, falske, hvis den er lukket.isopenright() /boolean afkast, hvis højre side menu er åben, falske, hvis den er lukket.getscrollposition() //afkast genstand med to nummer som egenskaber:, venstre og højre,.disse tal repræsenterer den afstand, de bruger scrolled fra venstre og fra toppen.candragcontent (parameter1) candrag boolean, om indholdet kan blive slæbt åbne side menu.edgedragthreshold (parameter1) værdi boolean



Previous:
Next Page: