, -, navigations - er et af de centrale elementer i enhver app.ion - bruger angularjs ui router for håndtering af navigation., ved hjælp af navigation, navigation kan konfigureres i, app.js, fil.hvis du bruger en af de ioniske skabeloner, ser du, $stateprovider, service injiceres i app, ud.den mest enkle måde at skabe mulighed for programmet, er vist i nedenstående eksempel.,$stateProvider, service will scan the url, find the corresponding state and load the file we defined in ,app.config,., ,app.js Code, , .config(function($stateProvider) { $stateProvider .state('index', { url: '/', templateUrl: 'templates/home.html'}) .state('state1', {url: '/state1', templateUrl: 'templates/state1.html'}) .state('state2', {url: '/state2', templateUrl: 'templates/state2.html',}); }); , ,The state will be loaded into the ,ion-nav-view, element that can should be placed in ,index.html, body., ,index.html Code, , <ion-nav-view></ion-nav-view> , ,When we created states in the example above we were using ,templateUrl, so when state is loaded it will search for matching template file. nu vil vi åbne, skabeloner, servietter og skabe nye fil, state1.html, det vil være fuld, da app url ændres, state1,.,, state1.html kode, < ion udsigt > < ion indhold > det er statens 1!!!< /ion indhold > < /ion udsigt >,,, skabe navigation menu, kan du tilføje navigation bar til din app,., krop ved at tilføje ion nav bar element.inden for sejlads, bar vil vi tilføje, ion nav tilbage knap med ikon.den vil blive brugt til at vende tilbage til tidligere land.den knap er automatisk, når staten er ændret.vi vil tildele, goback(), funktion, som vil bruge $ionichistory, service til håndtering af denne funktion.så når brugeren forlade hjemlandet og gå til state1, tilbage - knappen ud til, at kan blive optaget, hvis brugeren ønsker at vende tilbage til hjemlandet.,,. kode, < ion nav bar klasse = "positive" > < ion nav tilbage knap klasse = "knap klar" ng - klik = "goback()" > < - klasse = "ikon ion-arrow-left-c" > < jeg > tilbage < /ion nav tilbage knap > < /ion nav bar >,, registeransvarlige kode, myctrl ($anvendelsesområde. $ionichistory) ($scope.goback = function() ($ionichistory. goback();}},,, at sejlads elementer, knapper kan føjes til navigation bar med ion - nav buttos,.dette element skal være anbragt i ion nav bar eller ion - opfattelse.vi kan tildele, side attribut med fire mulighed værdier.den primære og sekundære, værdier er knapper i henhold til platform, der anvendes.nogle gange vil du have knapper på den ene side, uanset om det er six eller androide.hvis det er tilfældet, kan de bruge venstre eller højre, attributter i stedet.,, kan vi tilføje, ion nav afsnit til navigation bar.alle i kodeksen vil blive placeret i,., krop, så det kan anvendes overalt, < ion nav bar klasse = "positive" > < ion nav afsnit > afsnit < /ion nav afsnit > < ion nav knapper side = "primære" > < knap klasse = "knap" > knap 1 < /knap > < /ion nav knapper > < /ion nav bar >,,, andre navigations - egenskaber, fremgår af følgende tabel, andre funktioner, som kan være anvendes med ion - navigation., -, navigations - attributter, giver muligheder detaljeret nav overgang - six, robotter, der anvendes til at fastlægge informationskampagne, der skal anvendes ved overgang sker.nav retning frem, tilbage, træde ud bytte, der anvendes til at fastlægge retningslinjer for informationstiltag, når overgangen finder sted.hardwarebackbuttonclose boolean - vil gøre det muligt at lukke modal når hardware tilbage - knappen er trykket.standardværdi, er sandt., caching,, ioniske er caching op til ti synspunkter for at forbedre resultaterne.det er også en måde at håndtere caching manuelt.da kun tilbagestående synspunkter er skjult og frem er lastning, hver gang brugere besøge dem, kan vi nemt at lager frem synspunkter ved hjælp af følgende kode. $ioniccinfigprovider. synspunkter. forwardcache (korrekt), kan vi også fastsætte, hvor mange stater skal være skjult.hvis vi vil have tre synspunkter bliver skjult, vi kan anvende følgende. $ionicconfigprovider. synspunkter. maxcache (3), kan være handicappede i caching, $stateprovider eller ved at tillægge ion opfattelse.begge eksempler er nedenfor.,, $stateprovider. stat ('state1 "(cache: falske, url: http: //'/state1, templateurl: http: //templates /state1.'}), < ion opfattelse cache opfattelse =" falske "> < /ion udsigt >, delegeret til kontrol af navigation bar, kan vi kontrollere opførsel af navigation bar med $ionicnavbardelegate, service.denne tjeneste skal injiceres til vores registeransvarlige.,http: //kode, < ion nav bar > < knap ng klik = "setnavtitle ('title)" > fastsat afsnit til banan!< /knap > < /ion nav bar >,, registeransvarlige kode, $scope.setnavtitle = funktion (titel) ($ionicnavbardelegate. afsnit (afsnit)},,, $ionicnavbardelegate, har andre nyttige metoder.,, metoder til $ionicnavbardelegate, metode parameter type detaljeret tilpasse (parameter) center, venstre, højre... plejede at tilpasse afsnit.showbackbutton (parameter) viser boolean, der anvendes til at vise eller gemme sig bag knap.afsnit (parameter) afsnit snor, der anvendes til at vise de nye afsnit.historien, du kan spore historie af den tidligere, nuværende og frem synspunkter ved at bruge $ionichistory, service.følgende tabel viser alle de metoder for denne service.,, metoder til $ionichistory, metode parameter type detaljeret viewhistory /genstand tilbage app på historie, data.currentview() /genstand vender tilbage til den nuværende holdning.afsnit (parameter) afsnit snor returnerer de id - af den opfattelse, som er moderselskab i den nuværende holdning.currenttitle (parameter) val snor afkast, titlen på den nuværende holdning.det kan ajourføres ved at fastsætte en ny, val, værdi.backview() /snor returnerer den sidste betragtning.backtitle() /serie afkast titel af sidste betragtning.forwardview() /genstand tilbage de sidste udsyn fremad.currentstatename() /serie afkast, den nuværende navn.goback() backcount nummer, der anvendes til at fastsætte, hvor mange synspunkter, til at gå tilbage.nummer skal være negativ.hvis det er større end eller lig med nul, vil det ikke have nogen virkning.clearhistory() //plejede at klare hele opfattelse historie.clearcache() /love, der anvendes til at klare alle skjult synspunkter.nextviewoptions() /genstand er mulighederne for det næste syn.kan du se følgende eksempel for mere information.det, nextviewoptions(), metode har tre muligheder., disableanimate, anvendes til udvikling af den næste opfattelse ændre invaliderende., disableback, vil sætte tilbage på nul., historyroot, vil den næste betragter som grundlæggende opfattelse,.,, $ionichistory. nextviewoptions ((disableanimate: det er rigtigt, disableback: sande}),,,