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

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

是的 - 我们这样做是为了直接在'disabled'属性中使用绑定可以实现您想要的效果.所以你可以写:

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

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

(信用Siggi Cherem的答案)