私の 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 に予期しない文字 [`] があります
それを達成する正しい方法は何ですか?