dart - 如何使用 Dart Web UI 设置按钮的禁用属性？

Question

有没有办法根据我的 View 模型的状态禁用按钮？

在 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 提出的问题)

Answer 1

是的——我们这样做是为了直接在“禁用”属性中使用绑定(bind)来完成您想要的。所以你可以这样写:

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

请注意，这仅在您使用数据绑定(bind)时有效，使用 'disabled="false"' 仍将显示处于禁用状态的按钮。您可以在此处阅读有关“ bool 属性”的讨论中的一些其他详细信息:http://www.dartlang.org/articles/dart-web-components/spec.html#binding-in-attributes

(归功于 Siggi Cherem 的回答)