Korduva teabe kuvamine
Mõnikord võidakse meilt nõuda vaates üksuste loendi kuvamist, nii et küsimus on selles, kuidas saaksime oma kontrolleril määratletud üksuste loendi kuvamise lehele kuvada.
Nurk pakub direktiivi nimega "ng-repeat", mida saab kasutada meie kontrolleris määratletud korduvate väärtuste kuvamiseks.
Vaatame näidet selle saavutamiseks.
Event Registration Guru99 Global Event
Topics
- {{tpname.name}}
Koodi selgitus:
- Kontrolleris määratleme kõigepealt oma loendiüksuste massiivi, mille tahame vaates määratleda. Siin on määratletud massiiv nimega "TopicNames", mis sisaldab kolme üksust. Iga üksus koosneb nime-väärtuse paarist.
- Seejärel lisatakse massiiv TopicsNames liikmemuutujale nimega "teemad" ja kinnitatakse meie objekti objektile.
- Massiivi üksuste loendi kuvamiseks kasutame HTML-märgendeid
- (Tellimata loend) ja
- (Loendi üksus). Seejärel kasutame massiivi iga üksuse läbimiseks ng-repeat käsku. Sõna "tpname" on muutuja, mida kasutatakse massiivi topic.TopicNames igale üksusele osutamiseks.
- Selles kuvame iga massiivi üksuse väärtuse.
Kui kood on edukalt käivitatud, kuvatakse brauseris koodi käivitamisel järgmine väljund. Näete kõiki massiivi üksusi (põhiliselt teemade TopicNames).
Väljund:
Angularjs mitu kontrollerit
Täiustatud kontrolleri näide oleks JS-nurgarakenduses mitme kontrolleri olemasolu mõiste.
Erinevate äriloogika funktsioonide eraldamiseks võiksite määratleda mitu kontrollerit. Varem mainisime erinevate meetodite olemasolu kontrolleris, milles ühel meetodil oli numbrite liitmiseks ja lahutamiseks eraldi funktsionaalsus. Noh, loogika täpsemaks eraldamiseks võib teil olla mitu kontrollerit. Näiteks võib teil olla üks kontroller, mis teostab lihtsalt numbritega toiminguid, ja teine, mis töötab stringidega.
Vaatame näidet selle kohta, kuidas saame nurk.JS-i rakenduses määratleda mitu kontrollerit.
Event Registration Guru99 Global Event
{{lname}}
Koodi selgitus:
- Siin määratleme 2 kontrollerit nimega "esimene kontroller" ja "teine kontroller". Iga kontrolleri jaoks lisame töötlemiseks ka mõne koodi. Meie firstControllerisse kinnitame muutuja nimega "pname", mille väärtus on "firstController", ja teise kontrolleriga - muutuja nimega "lname", millel on väärtus "secondController".
- Selles vaates pääseme juurde mõlemale kontrollerile ja kasutame teise kontrolleri liikme muutujat.
Kui kood on edukalt käivitatud, kuvatakse brauseris koodi käivitamisel järgmine väljund. Näete kogu "secondControlleri" teksti ootuspäraselt.
Väljund:
Kokkuvõte
- Direktiivi ng-repeater saab kasutada mitme korduva üksuse kuvamiseks.
- Vaatasime ka täiustatud kontrollerit, kus vaadeldi rakenduses mitme kontrolleri määratlust.