TypeScript - Angular: Mehrzeilige Zeichenfolge

Ich bin ein Angular 2-Anfänger und habe diesen Code in meinem geschrieben dev/app.component.ts:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h3 (click)="onSelect()"> {{contact.firstName}} {{content.lastName}}</h3>'
})
export class AppComponent {
    public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"[email protected]"};

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

Es funktioniert, wenn ich zum Browser "Max Brown wird angezeigt" gehe.

Jetzt möchte ich den Vorlagenteil in verschiedenen Zeilen wie folgt schreiben:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h3 (click)="onSelect()">
    {{contact.firstName}} {{contact.lastName}}<h3>'
})
export class AppComponent {
    public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"[email protected]"};

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

Aber ich bekomme diesen Fehler in der Chrome-Konsole:

Uncaught TypeError: Cannot read property 'split' of undefined

Wickeln Sie den Text in `(Backticks) anstelle von einfachen Anführungszeichen ein ', dann kann er mehrere Zeilen umfassen.

var myString = `abc
def
ghi`;