2

ビュー モデルの状態に基づいてボタンを無効にする方法はありますか?

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の功績）

4

1 に答える 1

5

はい - 'disabled' 属性でバインディングを直接使用すると、希望どおりに動作するようになりました。したがって、次のように書くことができます。

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

これは、データ バインディングを使用している場合にのみ機能することに注意してください。'disabled="false"' を使用しても、ボタンは無効な状態で表示されます。ここで「ブール属性」に関する議論でいくつかの追加の詳細を読むことができます: http://www.dartlang.org/articles/dart-web-components/spec.html#binding-in-attributes

（答えはSiggi Cheremの功績による）

于 2012-12-12T21:36:36.800 に答える