[解決済み] TypeScript - Angular: 複数行の文字列
2022-03-01 17:18:05
質問
私は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;
}
}
ブラウザにアクセスすると、quot;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
解決方法は?
テキストを
`
(シングルクォートではなく、バッククォートで囲んでください。
'
であれば、複数行にまたがることも可能です。
var myString = `abc
def
ghi`;
関連
-
[解決済み] 2つのインターフェイスを統合する
-
[解決済み] TSがモジュールを見つけ出せない
-
[解決済み] TypeScriptでオブジェクトを初期化する方法
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] Angular HTMLバインディング
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み] TypeScriptでパラメータとして強く型付けされた関数は可能か?
-
[解決済み] 'unknown' vs. 'any'
-
[解決済み】TypeScriptのインターフェースと型について
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 型{ [key: string]: boolean; }は何を意味するのでしょうか?
-
[解決済み] TypeScriptの円形型参照
-
[解決済み] 未使用のパラメータに対する型チェックをスキップする
-
[解決済み] TypeScript - Angular: 複数行の文字列
-
[解決済み] サービスにDocumentを挿入する方法は?
-
[解決済み] フォーインステートメント
-
[解決済み] JavaScriptで複数行の文字列を作成する
-
[解決済み] JavaScriptで文字列補間を行うにはどうすればよいですか?
-
[解決済み】「エラー TS2533: オブジェクトは 'null' または 'undefined' の可能性があります」を抑制する方法とは?
-
[解決済み】TypeScriptで文字列補間を行うには?