問題タブ [grunt-ember-templates]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Ember テンプレート、HTML にインライン化するとエラー、コンパイル後
Ember テンプレートを JS ソース ファイルにコンパイルしています。これは、HTML で外部ソースとして読み込まれたときに適切に読み込まれます。
ただし、同じソース ファイルを HTML (現在のプロジェクトに必要) にインライン化すると、ブラウザー コンソールに次のエラーが表示されます。
失敗しているテンプレートのコードは次のとおりです。
何か案は？
google-chrome - Ember JS 1.8.1 + Chrome - 追加の空白
EmberJS を 1.6.1 から 1.8.1 にアップグレードしたため、作業中のアプリに問題があります。Chrome の下でのみ発生します。問題は、どういうわけか、各 html ノードを囲む多くの追加スペースでテンプレートがレンダリングされていることです。つまり...代わりに：
私はこのようなものをレンダリングします:
または、ここに表示される場合もあります。
それは明らかにスタイリングを大きく壊します。面白いことに、このような奇妙な構成から少なくとも 1 つのスペースを削除すると、魔法のように特定のセクションのスタイルが元に戻ります (他のスペースがまだ残っている場合でも)。
言及するだけです。コンパイルに ember-grunt-templates 0.4.21 を使用しています。私はそれの新しいバージョンがあることを知っています (0.4.23 だと思います...)。私もそれを更新しようとしましたが、役に立ちません。
ここで言及があったことは知っています: http ://emberjs.com/blog/2014/11/04/ember-1-8-1-released.html Chromeの空白の問題についてですが、人々は反対のことを言うと言っていますChrome のバグによるスペースの欠落の影響。;> 私の Chrome インスタンスは、他のすべての人の空白を消費して収集していますか? :-)
誰かが同様の問題に遭遇しましたか? 誰でもこれを取り除く方法を知っていますか?
更新 1:
私はに更新しようとしました：
- エンバー 1.9
- ハンドルバー 2.0
- Grunt-Ember-Templates 0.5 アルファ
これにより、空白の問題の発生はほとんど修正されませんが、一部はまだ存在しています。つまり、レンダリングされたテキストの前にスペースができます。
そして、それはしません:
:-|
javascript - ネストされた動的ルートの ember テンプレートをレンダリングするには?
js` で、次のようなネストされたルートをいくつか宣言しました。
ここでは、orders.detailsテンプレートはレンダリングされませんが、正しいルート ファイルに送信されます。ルート ファイルは次のとおりです。
ordersまた、フォルダー
内でネストされた方法でテンプレートを宣言しました。
これはテンプレートをレンダリングせず、orders/details常にテンプレートに移動しordersます。ここに私のorders/details.hbsテンプレートがあります：
ルートに移動する方法は次のとおりです。
{{#link-to 'orders.details' order.id}}{{order.description}}{{/link-to}}