After we finished the TopStoriesPage to list top stories, we are going to allow users to view the actual web pages of stories. The basic solution is quite simple. We just need to use the standard HTML <a> elements in the item’s template. As in Listing 5-1, we added the <a> element with the href attribute set to item.url. The old div element that contains the url is removed.
Listing 5-1. Use <a> for a story’s URL
<h2 class="title"><a [href]="item.url">{{ item.title }}</a></h2>
When we run the code inside of an emulator or a device, clicking the title opens the platform default browser and shows ...
