dart - 如何在 Dart Web UI 中设置驼峰式属性？

Question

我有一个这样的 Dart 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>