如何在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>