如何使用Dart Web UI设置按钮的禁用属性?

时间:2012-12-12 21:35:45

标签: dart dart-webui

有没有办法根据视图模型的状态禁用按钮?

在AngularJS中:

    <button class="btn" ng-click="Search()" ng-hide="canRefresh()" ng-disabled="query.trim().length == 0">
      <i class="icon-search"></i> Search</button>

如何使用Dart的Web UI包进行此操作?

(感谢John Saturnus提出的问题)

1 个答案:

答案 0 :(得分:5)

是的 - 我们这样做是为了直接在“禁用”状态下使用绑定功能。属性做你想要的。所以你可以写:

<button .... disabled="{{length == 0}}"> ... </button>

请注意,这仅适用于您使用数据绑定,使用&#39; disabled =&#34; false&#34;&#39;仍会显示处于禁用状态的按钮。您可以在讨论&#34;布尔属性&#34;中阅读一些其他详细信息。在这里:http://www.dartlang.org/articles/dart-web-components/spec.html#binding-in-attributes

(感谢Siggi Cherem的回答)