如何在Dart Web UI中設置駱駝大小寫屬性？

Question

我有一個飛鏢的Web UI類是這樣的：

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

，我使用它是這樣的：

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

然而，當我運行應用程序，我得到的NoSuchMethodError，因爲它找不到loggedin=

如何在Web UI類中設置駝峯案例屬性名稱？

Answer 1

事實證明，HTML屬性總是小寫，所以Dart Web UI將loggedIn轉換爲loggedin。

要使用駱駝案例，您必須使用logged-in作爲屬性。

下面是一個例子：

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