2013-08-26 10 views
5

Ist es möglich, Ember (speziell die Anwendungsvorlage) innerhalb der Kopf-Tag zu betreiben, um Dinge wie das Title-Tag, Meta-Tags, externe CSS-Stylesheets und das Favicon dynamisch zu ändern?Ember Lenker Vorlagen in <head> Tag

Wenn ja, was wäre ein sauberer Weg, dies zu tun?

+1

Neugierig dies so gut funktioniert. In angular.js ist es ungefähr so ​​einfach wie '' – Donut

+0

mit diesem ist es einfach einfach, 'document.getElementsByTag (" Kopf "). InnerHTML + =" "; Dies kann mit erreicht werden Raw JavaScript so warum auf irgendeine Bibliothek zu verlassen :) – MarmiK

+2

@MarmiK er fragte nach einem "sauberen" Weg: P – albertjan

Antwort

10

Um das zu schaffen, habe ich Lenkerhelfer entwickelt. Zum Beispiel, wenn Sie den Titel für Ansichten ändern möchten, was sehr häufig ist, hier ist der Helfer.

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

jetzt in einer beliebigen Ansicht Vorlage können Sie fügen Sie einfach den Helfer

{{headTitle 'View Header'}} 

Hier wird die JSbin zu überprüfen, ob seine

+1

Sie sollten wahrscheinlich 'Ember. $' Verwenden. Aber ansonsten netter Hack. – albertjan

+0

bearbeitet meine Antwort, wie Sie vorgeschlagen..Thanks – thecodejack

+0

Wird es Meta-Tags für Social-Site-Engine wie fb, twitter und google aktualisieren? –

Verwandte Themen