アンダースコアの補間設定

Question

私は、（require.jsを使用して）バックボーンのアンダースコアでハンドルバースタイルのテンプレートを使用しようとしています。

<div><%= title %> | {{ title }}</div> 

私は、ブラウザで以下の取得：

Correct title | {{ title }} 

だから、それがどのように見える私がテストを設定している私のテンプレートで

_.templateSettings.interpolate = /\{\{(.+?)\}\}/g; 

： 私は、次の持っています標準のアンダースコアテンプレート設定が機能しており、ハンドルバーのスタイル設定が無視されています：

しかし、私はクロームで、コンソールで確認した場合、私は

（それが正しいはずのように私には見えた）これを取得

_.templateSettings 
Object {evaluate: /<%([\s\S]+?)%>/g, interpolate: /\{\{(.+?)\}\}/g, escape: /<%-([\s\S]+?)%>/g} 

すべてのアイデア、なぜこれが正しく動作していませんか？私はこれを行う場合は

Answer 1

は：#tにテンプレートを

_.templateSettings.interpolate = /\{\{(.+?)\}\}/g; 
var t = _.template($('#t').html()); 

を、私はエラーを取得する：

/<%([\s\S]+?)%>/g 

：うまくそれは正規表現を評価するというのが私の疑いを確認した

SyntaxError: Unexpected token '='

さんがあなたの<%= ... %>さんと一致しました。等号は\Sと一致しますので、評価正規表現は<%= ... %>となり、<%と%>を除外し、_.templateが作成しようとするJavaScriptに構文エラーが残っています。

あなたは_.template source内部を見る場合は、正規表現が特定の順序でチェックされていることがわかります：

1. escape
2. interpolate
3. evaluate

をだからinterpolateをします置き換えます<%= ... %>物事が捕まえられる（そして誤解される）ようになるt evaluate。

evaluate正規表現も置き換えてください。

_.templateSettings = { 
    evaluate: /\{\{(.+?)\}\}/g, 
    interpolate: /\{\{=(.+?)\}\}/g, 
    escape:  /\{\{-(.+?)\}\}/g 
}; 

デモ：http://jsfiddle.net/ambiguous/SdLsn/