{{d-button}} o A

Sviluppatore
1

Continuando la discussione da DButton non supporta più @action come stringa. Si prega di rifattorizzare per utilizzare un’azione di chiusura invece:

Questo mi ha salvato!

La mia domanda ora (oltre a come ci sono voluti 9 mesi per farlo) è se/quando usare {{d-button}} rispetto a <DButton>

2

Il pattern moderno di Ember consiste nell’utilizzare la sintassi con ‘parentesi angolari’ per invocare i componenti. Quindi <DButton> è preferito.

Applichiamo il linter per questo in core, ma non l’abbiamo ancora esteso a temi/plugin.

3

Oh. Evvai. Era quello che pensavo!

È stato particolarmente confuso dato che il messaggio di errore si lamentava di \u003cDButton\u003e ma io sto usando {{d-button}}. Mi occuperò di sistemare quelle cose “molto presto”.

Aha. Grazie per la spiegazione.

4

Aspetta. Quindi abbiamo abbandonato @actionParam in \u003cDButton\u003e e facciamo questo per passare le cose:

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

ma in \u003cNavItem\u003e abbiamo ancora questo per passare parametri a una route

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

Qui è un caso particolare.

NavItem chiama LinkTo che richiede il nome della rotta a cui collegarsi (route) e il valore per riempire il segmento dinamico (model, qui un ID) separatamente.

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

Ha senso?

6

È una spiegazione valida e la capisco, ma non direi che abbia senso. :slight_smile:

7

Ha senso perché non c’è alcuna funzione/azione coinvolta qui (e non è necessaria) in NavItem. Vuoi solo passare parametri da un componente all’altro. Mi segui? Scusa, sono così scarso nello spiegare le cose. :sweat_smile: