For at styre visningen har vi flere muligheder, vi ved, at vi skal have en skabelonmotor, det interessante er, at vi kan bruge en af de mange muligheder og for at tillade os selv dette, har vi render () metode som er den der vil kalde skabelonen og vise dataene.
Render () metode
Hvis vi skal definere logikken for, hvordan en skabelon skal vises, kan vi bruge valgfri render () metode.
VigtigI denne tutorial vil vi bruge Understreget som en skabelonmotor, og derudover tager vi følgende HTML som en base:
Her ser vi, hvordan vi laver en blok som vi definerer, at dens type vil være tekst / skabelon og vi tilføjer en id-skabelon, dette vil hjælpe os, når vi sender oplysningerne til skabelonmotoren.
Funktionel
Der er en metode i Understreget hedder ._template som kompilerer skabelonkoden til Javascript og omdanner den til funktioner, som vi derefter kan evaluere og vise.
For eksempel til metoden, vi sender de etiketter, den vil bruge ved hjælp af et id i tilfælde af den tidligere kode, er id-skabelonen, med denne ._template metode du ved allerede, hvor dataene skal returneres.
Så han render () metode bruger skabelonen ved at videregive data til den ved hjælp af metoden tilJSON () som på en eller anden måde oversætter attributterne for modellen, som vi har knyttet til visningen. Derefter returnerer skabelonen den konkrete HTML, og vi tilføjer den til DOM træ af dokumentet ved hjælp af ejendom $.
Det lyder måske som meget arbejde, men alt er virkelig udført af rammerne sammen med skabelonmotoren, så vores indgreb er meget enklere, end hvis vi skulle gøre alt dette uden din hjælp.
Anvendelseseksempler
Der er en konvention, som vi skal returner dette ved afslutningen af metoden gengive (), Dette hjælper os med at gøre visninger genanvendelige i andre visninger og også til at oprette lister over elementer, der vil blive tegnet, når alle elementerne er til stede og ikke en efter en, hvilket sparer os for lidt ressourcer.
Lad os se nedenfor et billede af et eksempel på, hvordan du opbygger en listevisning:
Det ser vi inden for metoden gengive () vi bruger dette til at tilføje ejendommen $ den, modelens indhold, og så kan vi returnere alt dette med returner dette.
Ret simpelt at implementere, men meget nyttigt, da dette giver os mulighed for at bruge denne liste, selv som et undersyn i andre forældervisninger.
Vi afslutter selvstudiet ved at kende metoden gengive () og dens store betydning, når man definerer synspunkter, der kan genbruges.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt