2016-11-24 12 views
2

JavaScriptのAngularJSでString Template Literalsと再生しています。文字列テンプレートリテラルはAngularJs Expressionsでサポートされていないようです。ここで私が演奏しているコードはJavaScript文字列テンプレートリテラルがアンギュラ表現で機能しない

<body ng-app> 
    <h1>Hello Plunker!</h1> 
    <input type="text" ng-model="temp"> 
    <p>{{ 'Text in the text box: ' + temp }}</p> 
    <!--This does not work.--> 
    <!--<p>{{ `Text in the text box: ${temp}` }}</p>--> 
    </body> 

ここはplunkerです。彼らはなぜ彼らがサポートされていないか知っていますか?または私は何かが欠けている。そして、とにかく私はアンギュラ表現で働くテンプレートリテラルを得ることができます。

+0

ないすべてのブラウザはまだ、ES6をサポートするので、私は推測します。 Babelのようなツールは、コードベースで(特にあなたのビューで)JavaScriptのすべての部分を認識することは期待されていません。 – str

+0

テキストボックス内のテキスト:{{temp}}

は正しく動作しますか? – rrd

+0

@rrd私はこれがうまくいくことを知っています。私はES6テンプレートのリテラルを表現することが好奇妙なので、これが私がこの質問を投稿した理由です。 –

答えて

1

文字列リテラルテンプレートブラウザの互換性:

enter image description here

関連する問題