5

Quero dinamizar meu title de página com AngularJS. Atualmente é estatico:

<title>Workspace</title>

Gostaria de saber como posso trocar esse nome, baseado no que está gravado no database. Atualmente em um local onde o cliente irá fazer a modificação (input) está assim:

<input type="text" ng-model="workspace.titlePage" id="inputPageTitle" placeholder="Define here the title of the page" class="ng-valid ng-dirty">

Porém, isso acontece em outra página (workspace-admin.html), lá está conseguindo adicionar na base de dados e enxergar as informações em {{workspace.titlePage}}. Gostaria de obter a mesma informação, porém em outra página (index.html).

Mas, quando faço {{workspace.titlePage}}, ele me retorna undefined, já que até o momento não foi carregado a diretiva responsável por esse valor.

Como posso pegar esse valor?

1

1 Resposta 1

5

Pode criar um evento no $rootScope na pagina workspace-admin.html e subscrever esse evento na pagina index.html:

Ou seja, no controller de workspace-admin.html:

// emissao do evento
$rootscope.$emit("titlechanged@workspaceadmin", titulo);

E depois no controller de index.html:

this.tituloPagina = "PlaceHolder";

// escuta do evento
var eventHolder = $rootScope.$on("titlechanged@workspaceadmin", function(titulo){
    this.tituloPagina = titulo.
});

Por fim em index.html:

<title>{{tituloPagina}}</title>
1
  • Obrigado @Omni achei algo nesse sentido que você me disse:nomadev.com.br/… e deu super certo
    – Edmo
    13/11/2014 às 19:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .