如何在Dart Web UI中设置camel case属性？

Question

我有一个像这样的Dart Web UI类：

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

我正在使用它：

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

然而，当我运行应用程序时，我得到NoSuchMethodError，因为它找不到loggedin=

如何在Web UI类中设置camel case属性名称？

Answer 1

事实证明，HTML属性始终是小写的，因此Dart Web UI会将loggedIn转换为loggedin。

要使用驼峰大小写，您必须使用logged-in作为属性。

以下是一个例子：

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