Come impostare gli attributi del caso cammello nell'interfaccia utente Web Dart?

Question

Ho una classe Dart utente web come questo:

class PersonComponent extends WebComponent { 
    bool loggedIn; 
    String name; 
} 

e sto usando in questo modo:

<x-person loggedIn="{{loggedIn}}"></x-person> 

Tuttavia, quando si esegue l'applicazione, ottengo un NoSuchMethodError, perché impossibile trovare loggedin=

Come si imposta un nome di attributo del caso cammello in una classe dell'interfaccia utente Web?

Answer 1

Si scopre che gli attributi HTML sono sempre in minuscolo, quindi Dart Web UI convertirà loggedIn in loggedin.

Per utilizzare la custodia di cammello, è necessario utilizzare logged-in come attributo.

Ecco un esempio:

<x-person logged-in="{{loggedIn}}"></x-person>