2013-08-26 5 views
5

タイトルタグ、メタタグ、外部CSSスタイルシート、ファビコンなどを動的に変更するには、ember(特にアプリケーションテンプレート)をheadタグ内で操作できますか?Emberハンドルバーテンプレート<head>タグ

もしそうなら、これを行うにはどうすればよいでしょうか?

+1

を働いているかどうかを確認するためにヘルパーここ

{{headTitle 'View Header'}} 

JSbinされる追加することができます。 angular.jsでは、これは簡単に、 'document.getElementsByTag(" head ")を使用して' ' – Donut

+0

とほぼ同じくらい簡単ですinnerHTML + = "";これは生のJavaScriptので、どのライブラリに依存する理由:) – MarmiK

+2

@MarmiK彼は "きれいな"方法を求めました:P – albertjan

答えて

10

この作業をするために、私はハンドルバーヘルパーを作成しました。たとえば、非常に一般的なビューのタイトルを変更する場合は、ここでヘルパーがあります。

Ember.Handlebars.helper('headTitle', function(title) { 
    Ember.$('head').find('title').text(title); 
}, 'title'); 

今どのビューテンプレートであなただけのは、同様にこの興味

+1

おそらく 'Ember。$'を使うべきです。しかし、それ以外の素晴らしいハック。 – albertjan

+0

あなたが提案したように私の答えを編集しました。ありがとう – thecodejack

+0

fb、twitter、googleのようなソーシャルサイトエンジンのメタタグを更新しますか? –

関連する問題