title: How do I display object details from the model on bootstrap modal
body: <p>I am trying to get Album details from the model to bootstrap modal. I would like to click on the each Album and display the information related like Artist and Title for each specific Album.</p>
  
  <p>As I am using Asp.net Core 2.2 I have tried to use asp-route-id="ID" to map the object but the problem is that it is displaying the all page details.</p>
  
  <p>Here is my Model</p>
  
  <pre><code>public class Album
  {
      public int AlbumID { get; set; }
      public string Artist { get; set; }
      public int MusicID { get; set; }
      public virtual ICollection&lt;Music&gt; Music { get; set; }
  }
  </code></pre>
  
  <p>Music model</p>
  
  <pre><code>    public class Music
  {
      public int MusicID { get; set; }
      public string Title { get; set; }
      public int AlbumID { get; set; }
      public virtual Album Album { get; set; }
  }
  </code></pre>
  
  <p>Details controller
      // GET: Albums/Details/5</p>
  
  <pre><code>public async Task&lt;IActionResult&gt; Details(int? id) {
      if (id == null)
          {
              return NotFound();
          }
  
      var album = await _context.Albums.FirstOrDefaultAsync(m =&gt; m.AlbumID == id);
      if (album == null)
          {
              return NotFound();
          }
  
          return View(album);
  }
  </code></pre>
  
  <p>Bellow is the bootstrap modal </p>
  
  <pre><code>&lt;!-- Button trigger modal --&gt;
  &lt;button type="button" asp-controller="Musics" asp-action="Details" asp-route-id="1" data-toggle="modal" data-target="#exampleModal"&gt;
  </code></pre>
  
  <p>Launch demo modal
      </p>
  
  <pre><code>&lt;!-- Modal --&gt;
  &lt;div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Modal title&lt;/h5&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
  
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I expect to get details about Artist, Title and Album only, instead of all detail page.</p>