Isolated templates

Isolated templates are used mostly when the template contains more contents. In such cases, rather than assigning the larger content as an inline view, the content will be moved to a separate file and the HTML file URL will be assigned to templateUrl, as follows:

@Component({ 
  selector: 'first-component', 
  templateUrl: FirstPage.html' 
})