Modifica dinamicamente l'attributo style sull'Elemento Lista Argomenti

modifyClass di per sé non è deprecato. È un metodo di personalizzazione rischioso e dovresti prendere precauzioni quando lo usi (come descritto nella documentazione a cui @don ha fatto riferimento), ma non abbiamo piani imminenti per rimuoverlo.

Il motivo per cui stiamo stampando un messaggio di deprecazione per component:topic-list e component:topic-list-items è che questi componenti sono l’implementazione legacy dell’elenco degli argomenti e non vengono utilizzati quando l’elenco degli argomenti glimmer è abilitato. Ora, abbiamo una serie di componenti glimmer come components/topic-list/item.

Quindi, tecnicamente, potresti usare modifyClass su questi nuovi componenti. Ma, poiché sono componenti glimmer, non sarai in grado di modificare il tag di stile tramite la classe JS, quindi non aiuterà con il problema nell’OP.

Abbiamo una modalità “masonry” simile nel componente tematico ufficiale d-topic-thumbnails, quindi vale la pena esaminare come è implementata. Aggiungiamo una classe univoca a ogni “riga” dell’elenco degli argomenti:

Quindi renderizziamo un tag <style> dinamico in un plugin-outlet separato, che punta a quei nomi di classe:

Detto questo… è un po’ complicato, quindi forse dovremmo considerare l’aggiunta di un valueTransformer specifico per consentire la modifica dell’attributo style=. È un po’ complicato a causa delle protezioni xss/htmlSafe di Ember su quell’attributo… ma sono sicuro che potremmo far funzionare qualcosa.

3 Mi Piace