EmberJS - Auxiliares de redação

Você pode adicionar funcionalidade extra aos modelos e converter os valores brutos de modelos e componentes em formato adequado para os usuários. Se você estiver usando o aplicativo HTML várias vezes, poderá adicionar um auxiliar personalizado a partir de qualquer modelo do Guiador. Se o contexto atual mudar, o Ember.js executará automaticamente o auxiliar e atualizará o DOM com o valor atualizado.

Sintaxe

export function Helper_Name([values]) {
   //code here
}

export default Ember.Helper.helper(Helper_Name);

A tabela a seguir lista as diferentes maneiras de usar nomes de ajudantes -

S.No.	Nomes e descrição do ajudante
1	Argumentos auxiliares Você pode passar mais de um argumento para o auxiliar, especificando após o nome do auxiliar.
2	Argumentos Nomeados Você pode passar os argumentos nomeados junto com o valor relacionado.
3	Conteúdo HTML de escape É usado para escapar das tags HTML ao exibir o resultado.

Exemplo

O exemplo fornecido a seguir implementa o auxiliar, que usa mais de uma entrada e retorna uma única saída. Crie um novo ajudante com o seguinte comando -

ember generate helper helper-name

Neste exemplo, criamos o helper com o nome writinghelper . Agora abra o arquivo writinghelper.js que é criado em app / helpers / .

import Ember from 'ember';

export function formatHelper([value]) {
   let var1 = Math.floor(value * 100);
   let cents = value % 100;
   let var3 = '$';
   if (cents.toString().length === 1)
   return `${var3}${var1}`;
}

export default Ember.Helper.helper(formatHelper);

Você pode usar o auxiliar "writinghelper" no modelo entre chaves. Abra o arquivo index.hbs e escreva o seguinte código -

Value is : {{writinghelper 5}}
{{outlet}}

No código acima, passamos o valor auxiliar no modelo, que exibe a contagem de centavos na string formatada.

Resultado

Execute o servidor ember; você receberá a seguinte saída -

↰ Previous page