0

Wie kann ich dieses Popup-Modal auf einen bestimmten Array-Titel verweisen? Wie ich 4 Titel in einem Array habe. Es gibt vier Titellisten aus. Aber wenn ich jedes Popup-Modal öffne, zeigt es nur den Titel des ersten. Beispiel: Wenn ich auf das Popup-Modal des zweiten Titels klicke, wird immer noch der Titel des ersten Titels angezeigt. Wie kann ich das ansprechen?Bootstrap PopUp Modal Reference Array

function getThings(){ 

let selected = localStorage.getItem('token'); 
console.log(selected); 
fetch('http://sample_website/things', { 
    method: 'GET', 
    headers: {'Content-Type': 'application/json', 
    Authorization: 'Bearer ' + selected},  
}) 
.then(data => data.json()) 
.then(data => { 
    let output = document.getElementById("display"); 
    let iterable = data.data.data; 
    for(value of iterable){ 
     output.innerHTML += `<div class="panel panel-primary"> 
           <div class="panel-heading"><button class="btn btn-default view" data-toggle="modal" data-target="#viewmodal">View</button><button class="btn btn-danger delete">Delete</button> 
            <h5>${value.created_at}</h5></div> 
           <div class="panel-body"><h3>${value.title}</h3> 
          </div> 

          <div class="modal fade" id="viewmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
           <div class="modal-dialog" role="document"> 
            <div class="modal-content"> 
             <form> 
              <div class="modal-header"> 
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
               <h4 class="modal-title text-info" id="myModalLabel"><h3 class="text-center">${value.title}</h3> 
              </div> 
              <div class="modal-body">    
               ${value.body} 
              </div> 
             </form> 
            </div> 
           </div> 
          </div>`;  

    } 

}) 
.catch((err) => { 
    console.error(err); 
}) 

}

Antwort