Модал от руля отображает только 0 индексов для всех записей - PullRequest
0 голосов
/ 12 ноября 2018

У меня есть динамический список, который я печатаю пользователю статей, просмотренных с помощью Cheerio. Они отображаются через руль с модалом, созданным внутри каждой итерации статьи. Единственный мой улов - это то, что модал предназначен для отображения заголовка, захваченного для статьи, по которой пользователь выбирает чат, но я получаю только первую индексную статью в модале для любой из статей, выбранных на экране пользователя. Не уверен, что мне здесь не хватает.

 <ul>
 {{#each found}}
 <div class="card">
 <img class="card-img-top" src="{{this.image}}" />
  <h4 class="card-header"><span class="label"></span> 
{{this.headline}}</h4>
  <div class="card-body">
    <p class="card-text"><span class="label"></span> {{this.summary}}</p>
    <a href={{this.link}} class="btn btn-primary">Read Full Article</a>
    <a data-id={{this._id}}><button id="myBtn" value={{this.headline}} class="btn btn-primary chat-button">Chat!</button></a>
    <button type="button" href="/delete" data-id={{this._id}} class="btn btn-primary delete-button">Delete</button>

{{!-- Modal  --}}
  <div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <h4>{{this.headline}}</h4>
    Share your thoughts w/ Chicago!
     <form>
      First name:<br>
      <input type="text" name="firstname"><br>
       Comment:<br>
       <textarea name="comment" rows="10" columns="20"></textarea>
       <button type="button" href="/delete" data-id={{this._id}} 
class="btn btn-primary delete-button">Send</button>
      </form>
      </div>
      </div>
      </div>
   </div>

 {{/each}}
  </ul>
...