1

要素のブール属性へのバインディングを設定しようとしています。アプリケーション要素に観察可能なフィールドがあります。

  @observable bool test = false;

今、私はそれをブール属性を持つ要素にバインドし、<input type="checkbox">その要素の現在の値を表示したいと思います:

<input type="checkbox" checked="{{test}}">
Value is {{test}}
<template if="{{test}}">
   Toggle button is on
</template>

しかし、チェックボックスをオンにしても何も起こりません。testChangedメソッドは呼び出されません:

  void testChanged(old) {
    print('Test $test');
  }

思い出せませんが、ブール値にバインドするための疑問符を含む構文がありませんでしたか? これに関するリソースが見つかりません。私が使用するのと同じ構文を使用するチェックボックスにバインドするための Seth Laddの例に従いました。

私の最初の目標は、 polymer_ui_elements パッケージの polymer-ui-toggle-button 要素にバインドすることでしたが、どちらも機能しません。

<polymer-ui-toggle-button value="{{test}}"></polymer-ui-toggle-button>
Value is {{test}}
<template if="{{test}}">
  Toggle button is on
</template>

この場合、例外は発生しませんが、バインディングが機能していません。ボタン自体は正常に機能しており、トグルで状態が変わります。インスペクターで、値属性が正しく切り替えられていることがわかります。

ブール値へのバインディングを既に使用していて、正しいルートを教えてくれる人や、問題について知っている人はいますか?

更新:これが私のサンプル ソースです。

マイ Dart バージョン: Dart Editor バージョン 1.0.2_r30821 (DEV) Dart SDK バージョン 1.0.2.1_r30821

4

1 に答える 1