我正在尝试设置与元素的布尔属性的绑定。我的应用程序元素中有一个可观察的字段:
@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