<h1>Test</h1>
<h2 *ngIf="nodeDetails">{{nodeDetails.name}}</h2>
<p *ngIf="nodeDetails">{{nodeDetails.colour}}</p>
<p *ngIf="nodeDetails">{{nodeDetails.id}}</p>

<h1>Test</h1>
<!-- Save navigation syntax, for async data. Rather than ngIf https://angular.io/docs/ts/latest/guide/template-syntax.html#!#safe-navigation-operator -->
<!-- The bindings in the template are evaluated before ngOnInit(). To prevent Angular to throw an error you can use ?.property -->
<h2>{{ nodeDetails?.name }}</h2>
<p>{{ nodeDetails?.colour }}</p>
<p>{{ nodeDetails?.id }}</p>

Use safe navigation (elvis operator) for rendered data in nodedetails view
Use safe navigation (elvis operator) for rendered data in nodedetails view
