• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

219
Views
¿Cómo cambiar el contenido de un constructor de clase en una clase de javascript y acceder a él más tarde?

Editar: tengo una demostración aquí

Quiero obtener datos de una API, agregarlos al constructor de una clase y luego hacer clic en el botón para mostrarlos en la página.

 class Entry { constructor() { this.pages = []; } loadAllEntries(url) { fetch(url) .then((response) => response.json()) .then((data) => { this.pages = data; // this would do it autuomatically, it's not what I want //this.displayAllEntries("#notes-list"); }); } displayAllEntries(node) { let ul = document.createElement("ul"); ul.id = "display-list-note"; this.pages.map((page) => { let li = document.createElement("li"); li.innerText = page.title; ul.appendChild(this.createClickableItem(page)); }); document.querySelector(node).appendChild(ul); } createClickableItem(item) { let li = document.createElement("li"); li.innerText = item.title; li.addEventListener("click", () => { console.log(item.id); }); return li; } } const courses = new Entry(); courses.loadAllEntries("http://localhost:1338/courses?favorite=true"); // on some click I want to run courses.displayAllEntries("#notes-list");

¡Pero displayAllEntries actúa como si loadAllEntries nunca se hubiera ejecutado!

más adelante quiero hacer algo como courses.deleteEntry(213) y cambiar el contenido del constructor (un tipo de cosa glorificado de lista de tareas pendientes)

Editar: tengo una demostración aquí

about 3 years ago · Santiago Trujillo
1 answers
Answer question

0

El toque más pequeño que arreglará esto es el siguiente:

  1. devolver la promesa de la búsqueda
 loadAllEntries(url) { // just return, no further changes required return fetch(url) .then(...
  1. En el nivel superior, continúe después de que la búsqueda haya terminado con then
 const courses = new Entry(); const url = "http://localhost:1338/courses?favorite=true"; courses.loadAllEntries(url).then(() => { courses.displayAllEntries("#notes-list"); });

Si los métodos subyacentes funcionan, esto funcionará.

about 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error