Acest addon adauga o integrare sanatoasa document.title in aplicatia dvs. ember.

Bazat initial pe acest esential de @machty, si de atunci imbunatatit de multi colaboratori fabulosi.

Testat pentru a lucra cu Ember 1.13.13 si versiuni ulterioare.

Instalare

Instalati ruland

ember instalati ember-cli-document-title

Deci, cum functioneaza acest lucru?

Aceasta adauga doua chei noi pentru rutele dvs.:

  1. titleToken
  2. titlu

Ele pot fi fie siruri, fie functii.

De fiecare data cand treceti la un traseu, se vor intampla urmatoarele:

  1. Ember va colecta titlul Fecioare de pe traseul dvs. cel mai frunzos si le va ridica pana va atinge un traseu cu titlul definit. titleToken este numele modelului traseului in mod implicit.
  2. Daca titlul este un sir, acesta va fi folosit ca titlu al documentului
  3. Daca titlul este o functie, titleTokens-ul colectat ii va fi transmis intr-o matrice.
  4. Ceea ce este returnat din functia de titlu este folosit ca titlu al documentului.

Exemple!

Titluri simple, statice

Daca pur si simplu puneti siruri ca titlu pentru toate rutele dvs., acesta va fi folosit ca titlu pentru acesta.

// routes / posts.js export implicit Ember.Route.extend ({title: ‘Postarile noastre preferate!’}); // routes / post.js export implicit Ember.Route.extend ({title: ‘Va rugam sa va bucurati de acest post’});

Segmente dinamice cu o parte statica

Sa presupunem ca doriti ceva de genul „Postari – Blogul meu”, cu „- Blogul meu” fiind static si „Postari” fiind ceva pe care il definiti pe fiecare traseu.

// rutele / posts.js export implicit Ember.Route.extend ({titleToken: ‘Postari’});

Acest lucru va fi colectat si va aparea pana cand va ajunge pe ruta aplicatiei

// routes / application.js export implicit Ember.Route.extend ({title: function (tokens) {return tokens.join (‘-‘) + ‘- My Blog’;}});

Titlu dinamic bazat pe informatii despre model

In acest exemplu, dorim ceva de genul „Numele postarii curente – Postari – Blogul meu”.

Sa presupunem ca avem acest obiect ca post-model:

Ember.Object.create ({nume: ‘Ember este Omakase’});

Si vrem sa folosim numele fiecarei postari din titlu.

// routes / post.js export implicit Ember.

tias follando con animales videos de travestis en español
se follan a su mujer pilladas pajeandose
manoseadas en el cine porno gay violado
incesto clasico corridas gays
española pillada maduras follando y corriendose
anal maduras españolas chuponas
defloin.com edurne follando
orgias rusas maduritas cachondas
descargar videos porno gratis porno español trans
follada a traicion videos porno tetonas gratis
actores porno gay españoles manoseadas en el cine
gitana follando videos pornos de abuelas
nenas peludas abuelas españolas xxx
porno gay negro folladas salvajes
porno incesto italiano porno gay negro
hermanos jovenes follando follada por muchos
humillada y follada porno con abuelas
mama incesto negras tetonas
mamadas de abuelas hentai en castellano
follando en el parque copilacion de mamadas

Route.extend ({titleToken: functie (model) {return model.get (‘nume’);}});

Acest lucru va aparea apoi pana va ajunge la ruta noastra pentru mesaje:

// rutele / posts.js export implicit Ember.Route.extend ({titleToken: ‘Postari’});

Si continuati la ruta de aplicatie:

// routes / application.js export implicit Ember.Route.extend ({title: function (tokens) {tokens = Ember.makeArray (tokens); tokens.unshift (‘Blogul meu’); return tokens.reverse (). join (‘-‘);}});

Acest lucru va avea ca rezultat urmatoarele titluri:

  • On / posts – „Postari – Blogul meu”
  • On / posts / 1 – „Ember is Omakase – Postari – Blogul meu”

Titluri asincronizate folosind promisiuni

S-ar putea sa va aflati intr-o situatie in care are sens sa aveti unul sau mai multe dintre cartile dvs. de titlu asincrone. De exemplu, daca un model inrudit este asincron sau pur si simplu va place sa lucrati cu Promisiunile in trecut.

Din fericire, puteti returna o promisiune din oricare dintre functiile dvs. titleToken si toate vor fi rezolvate pana la primirea functiei dvs. de titlu.

Un exemplu! Sa presupunem ca avem aceste doua modele Ember Data; o postare si utilizatorul acesteia:

// modele / post.js export implicit DS.Model.extend ({nume: DS.attr (‘sir’), autor: DS.belongsTo (‘utilizator’, {asincronizare: adevarat})});
// models / user.js export implicit DS.Model.extend ({firstName: DS.attr (‘sir’), lastName: DS.attr (‘sir’)});

In titlul documentului nostru, dorim numele autorului in paranteza impreuna cu titlul postarii.

Relatia de autor este asincrona, astfel incat obtinerea acesteia va aduce o promisiune. Iata un exemplu in care returnam o promisiune care rezolva numele postului plus numele autorului in paranteza:

// routes / post.js export implicit Ember.Route.extend ({titleToken: functie (model) {var postName = model.get (‘nume’); returneaza model.get (‘autor’). apoi (functie (utilizator ) {var authorName = user.get (‘firstName’) + user.get (‘lastName’); return postName + ‘(by’ + authorName + ‘)’;});}});

Cu aceeasi configuratie pentru mesaje si rute de aplicatii ca in exemplul anterior, acest lucru va avea ca rezultat acest titlu:

  • On / posts / 1 – „Ember is Omakase (de John Smith) – Postari – Blogul meu”

Este demn de remarcat faptul ca titlul paginii nu se va actualiza pana cand nu se vor rezolva toate promisiunile.

Se utilizeaza cu ember-cli-head

Utilizarea ember-cli-document-title cu ember-cli-head este foarte simpla si va permite sa utilizati minunatul API declarativ bazat pe traseu pentru titlu si sa adaugati cu usurinta alte lucruri la documentul <head> (adica metaetichete).

Sunt necesare doar cateva modificari pentru a utiliza ambele complemente impreuna:

  • Instalati ambele suplimente:
ember install ember-cli-head ember install ember-cli-document-title
  • Adaugati headData si setTitle in aplicatia / router.js:
const Router = Ember.Router.extend ({locatie: config.locationType, headData: Ember.inject.service (), setTitle (title) {this.get (‘headData’). set (‘title’, title);} });

  • Eliminati <title> din aplicatia / index.html.

  • Actualizati app / templates / head.hbs (adaugat de ember-cli-head):

{{! app / templates / head.hbs}} <title> {{model.title}} </title>

ARTICOLE SIMILAREDE LA ACELAȘI AUTOR