{{d-button}} ou <DButton>? Essa é a questão

Dev
1

Continuando a discussão de DButton não suporta mais @action como string. Por favor, refatore para usar uma ação de fechamento em vez disso:

Isso me salvou!

Minha pergunta agora (além de como demorei 9 meses para fazer isso) é se/quando usar {{d-button}} vs <DButton>

2 curtidas
2

O padrão moderno do Ember é usar a sintaxe de ‘chaves angulares’ para invocar componentes. Portanto, <DButton> é preferível.

Nós fazemos linting para isso no core, mas ainda não o estendemos para temas/plugins.

5 curtidas
3

Ah. Que bom. Era o que eu pensava!

Foi especialmente confuso, pois a mensagem de erro reclamou de <DButton>, mas estou usando {{d-button}}. Vou corrigir isso em Breve.

Aha. Obrigado pela explicação.

4 curtidas
4

Espere. Então desistimos de @actionParam em \u003cDButton\u003e e fazemos isso para passar coisas:

        @action={{fn this.addExtraVars this.extraVarsSmtp}}

mas em \u003cNavItem\u003e ainda temos isso para passar parâmetros para uma rota

            @route="pfaffmanager.servers.show"
            @routeParam={{server.id}}
3 curtidas
5

É um caso particular aqui.

NavItem chama LinkTo que requer o nome da rota para a qual vincular (route) e o valor para preencher o segmento dinâmico (model, um ID aqui) para serem separados.

<LinkTo
    @route={{@route}}
    @model={{@routeParam}}
  >{{this.contents}}
</LinkTo>

Isso faz sentido?

4 curtidas
6

É uma boa explicação e eu a entendo, mas eu não diria que faz sentido. :slight_smile:

1 curtida
7

Faz sentido porque não há nenhuma função/ação envolvida aqui (e não é necessária) em NavItem. Você só quer passar parâmetros de um componente para outro. Você entende o que quero dizer? Desculpe, sou péssimo em explicar as coisas. :sweat_smile:

3 curtidas
8

Este tópico foi automaticamente fechado 30 dias após a última resposta. Novas respostas não são mais permitidas.