Detail pagina maken in de `index`

[SamaraFellaDina]

Je kan bij iedereen de detail pagina zien in de index, alleen kan ik niet dezelfde API data eruit halen als bij het index bestand

  <h1><%=person.name%>></h1>

[SamaraFellaDina]

Ik heb verder het bestand van person.ejs naar details.ejs veranderd, omdat er anders verwarring onstaat over de waarde en het bestand

response.render('details', data)

[SamaraFellaDina]

Ook ben ik begonnen met de uitingen van mijn breakdownschets.

Ik heb voor nu even placeholders gebruikt, aangezien ik anders elke keer een foutmelding krijg

[SamaraFellaDina]

Het is gelukt om de data erin te plaatsen en te laten weergeven binnen de website. Door deze code

// Maak een GET route voor person met een request parameter id
app.get('/person/:id', function (request, response) {
  // Gebruik de request parameter id en haal de juiste persoon uit de FDND API op
  fetchJson(apiUrl + '/person/' + request.params.id).then((data) => {
    console.log(data.data.name);
    // Render index.ejs uit de views map en geef uit FDND API opgehaalde data mee
    response.render('details', {person: data.data})
  })
})

Wat heb je allemaal gedaan?

• Ik heb de hoofdletter weggehaald bij person. Er stond eerst /Person/ Waardoor bij console.log(data) we werd gezegd dat ik geen toegang had tot de data, want deze bestaal simpelweg niet. Daarom heb ik de hoofdletter weggehaald, waardoor die wel te zien was.

  response.render('person', data)

• Deze code stond er ook als eerst, alleen heb ik het bestand veranderd naar details om zo de twee verschillende waardes van elkaar af te houden. Ook kon de data wel worden laten zien, alleen moest in specificeren naar de data wat als allereest niet was gebeurd.
  • Dus heb ik het volgende aangepast:

    response.render('details', {person: data.data})