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>