Я новичок в Angular 2, и я написал этот фрагмент кода в 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;
}
}
Это работает, когда я захожу в браузер "Макс Браун отображается".
Теперь я хочу написать часть шаблона в следующих строках:
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;
}
}
Но я получаю эту ошибку в консоли Chrome:
Uncaught TypeError: Cannot read property 'split' of undefined