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

Question

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

在 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

是的 - 我们做到了，直接在“禁用”属性中使用绑定可以满足您的需求。所以你可以写：

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

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

（感谢 Siggi Cherem 的答案）