title: Angular How to load new component on table row click
body: <p>If I have a table populated from my api loaded into the router outlet, how can I load a different component to replace the table with the selected row details? For example if I had a list of equipment in a table, id like to click on one of them to load a component where I have a form that would log details of a fault on that piece of equipment that would be posted to a fault function in the api.</p>
  
  <p>How could this be implemented?</p>
  
  <p>Still learning all of the ropes in angular.</p>
  
  <p>Thanks</p>