TypeScript - Angular: Multiline string

I'm an Angular 2 beginner and I've written this piece of code in my dev/app.component.ts:

import {Component} from 'angular2/core';

@Component({
selector: 'my-app',
template: ' {{contact.firstName}} {{content.lastName}}'
})
export class AppComponent {
public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"};

public showDetail = false;
onSelect() {
this.showDetail=true;
}
}


It works, when I go to the browser "Max Brown is displayed".

Now, I want to write the template part on different lines like this:

import {Component} from 'angular2/core';

@Component({
selector: 'my-app',
template: '
{{contact.firstName}} {{contact.lastName}}'
})
export class AppComponent {
public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"};

public showDetail = false;
onSelect() {
this.showDetail=true;
}
}


But I get this error in Chrome console:

Uncaught TypeError: Cannot read property 'split' of undefined

Wrap the text in `` (backticks) instead of single quotes '`, then it can span multiple lines.

var myString = `abc
def
ghi`;

Stack Overflow Q#35225399, score: 363