web-dev-qa-db-ja.com

Angularjsラジオボタン

私はこれがいくつかのGoogleスレッドで話されていることを知っていますが、無線入力をモデルにバインドするための正しい解決策を見つけることができません(クリーンでシンプルな方法で)、

現在、私はHTMLを持っています:

<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">

そしてコントローラーで:

$scope.searchByRma      = true;
$scope.searchByDelivery = false;

これは機能しません(チェックボックスの場合と同様)...

データバインディングを失うことなく、最初のラジオボタンにデフォルト値を設定する方法に関するアイデアはありますか?

ありがとう!

32
alchemication

これらの2つのラジオボタンでは、値が異なる同じ変数を使用する必要があると思います。

<input ng-model="searchBy" value="Rma" type="radio" name="search-type">
<input ng-model="searchBy" value="Delivery" type="radio" name="search-type">

次に、searchByをユーザー入力に応じて「Rma」または「Delivery」に設定する必要があります。

65
Tosh