2016-05-30 5 views
-1

"AmpersandJSで使用するテンプレートシステムの最新の考え方は何ですか?私は翡翠が好きではありませんし、今私は変更したいホームブレシステムを使っています。 - @tkaria、AmpersandJS GitterAmpersandJSで使用するのに最適なテンプレートシステムは何ですか?

+0

修飾されていない「最高の」意見を勧誘。定義された要件と範囲に適しているものであれ、それにもかかわらず「優先」を使用する必要があります。 – user2864740

+0

質問は、https://gitter.im/AmpersandJS/AmpersandJSのスレッドからのコピーです。また、質問は直接**の意見を求めます。多分 "ベストコンベンション"のために "ベスト"を交換するのでしょうか? –

答えて

0

あなたは(おそらく今のところ)ES6テンプレートリテラルを使うべきです。ここでは例です:

const template = context => { 
    return ` 
     <div>My template ${context.myValue}</div> 
    `; 
}; 

export default template; 

myView.js

import View from 'ampersand-view'; 
import MyTemplate from './myTemplate'; 

export default View.extend({ 
    template: MyTemplate 
    // ... 
}); 
+0

オプションがありますが、これは主に主観的な選択です。 – user2864740

+0

私はあなたの意見を述べますが、私の見解では、純粋なJavaScriptの代わりにライブラリを使用する必要があることに強く反対しています。 –

0

myTemplate.jsは、例のほとんどは、ハンドルバーを使用しますが、彼らは数年前です。

アプリの将来を保証するために、あなたは文字通りのテンプレートを使用することができます。すべてのブラウザがテンプレートリテラルをサポートしているわけではないことに注意する必要があります。 (Internet Explorerはそれらをサポートしていません)。テンプレートリテラルを使用して古いブラウザでサポートを維持したい場合は、ビルドスクリプト(es2016からes5まで)で何らかのタイプのtransform/polyfillを使用する必要があります。アンパサンド主な機能の

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

一つは、あなたが本当にテンプレートエンジンを必要としないので、あなたも(ちょうど空白に注意)文字列リテラルを使用することができ、データ・バインディングです。

Ampersandは非常に柔軟性があり、私はあなたが最も快適なテンプレートエンジンを選択します。

+0

ES6を使用している場合、Rickが指摘している問題を緩和するためにBabelなどを使用してコードを翻訳しているはずです –

関連する問題