title: how to link from an html to another component in angular 6
body: <p>I have created 2 components in angular called(<code>course</code> and <code>courseDetails</code>) in same module called(<code>Student</code>).Now i want to get access to "courseDetails'html file" from "course' html file" through a link click.. i.e when user is in <code>course</code> section and clicks on a link provide,the link should redirect it to "courseDetails'html". assume all routing is done of both components in module.<a href="https://i.stack.imgur.com/32jP6.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p><a href="https://i.stack.imgur.com/32jP6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/32jP6.png" alt="enter image description here"></a></p>