36

私の Angular 4 アプリケーションには、文字列入力を受け取るコンポーネントがあります。

<app-my-component [myInput]="'some string value'"></app-my-component>

場合によっては、文字列内に変数を渡す必要があります。次に例を示します。

<app-my-component [myInput]="'My name is ' + name + '!'"></app-my-component>

es6 テンプレート リテラル(別名テンプレート文字列またはバックティック文字列)を使用できればいいのですが:

<app-my-component [myInput]="`My name is ${name}!`"></app-my-component>

しかし、それは機能しません:

キャッチされないエラー: テンプレート解析エラー: パーサー エラー: 予期しないトークン レクサー エラー: 式の列 1 に予期しない文字 [`] があります

それを達成する正しい方法は何ですか?

4

3 に答える 3