ES6 TemplateUrl like Angular2

私はES6を探していて、好きなテンプレート文字列を見つけました。ES6 TemplateUrl like Angular2

私はこのようなHTMLを挿入することができていますES6テンプレート文字列で

：

$("#warning").html(` 
     <h1>Watch out!</h1> 
     <p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p> 
`);

バッククォートはES6の本当に便利な機能です。

AngularJs2では、TemplateUrlを使用して実際に外部ページをインポートできます。

ES6（Angular2なし）でこれを行うことはできますか？

2016-06-22 Satch3000

：

$("#warning").html( '<h1>Watch out!</h1>' + '<p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p>' );

私の好ましい方法は、配列参加しているのですか？ https://ponyfoo.com/articles/es6-template-strings-in-depth – Ananth

ああ、Angular2を使わずにES6を使用するには、BabelやTraceurのような蒸散器が必要です。例Nodeの場合、babel-cliを使うと 'babel-node es6script.js'を実行でき、テンプレート文字列を使うことができます – Ananth

私はブラウザ上でES6を使わずに使っています。 jQueryとES6のミックス：は...それは – Satch3000

あなたの例では、すでにES6ですが、テンプレートの文字列を使用すると、わかりやすくするために、あなたのコードをインデントするために使用する空白を含め、アカウントにすべての空白を取るので、それは常に動作しません。

あなたには2つのオプションがあります。

使用文字列連結：これはすでにES6である

$("#warning").html([ 
    `<h1>Watch out!</h1>`, 
    `<p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p>` 
].join(''));

2016-06-24 01:54:08 jaybee

答えて