私は 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;
}
}
動作し、ブラウザにアクセスすると「Max Brown が表示されます」。
ここで、テンプレート部分を次のように別の行に記述します。
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
ベストアンサー1
テキストを`
一重引用符ではなくバッククォートで囲む'
と、複数行にまたがることができます。
var myString = `abc
def
ghi`;