0

このAngularjs のサンプルページのサンプル コードをアプリの入力 [ラジオ] に使用しようとしています。特定のラジオ ボタンの値としてオブジェクトを使用することを選択したので、グループ内の各ラジオ ボタンは何らかのオブジェクトの値を持ちます。

plunkr の例では、モデルを green に設定すると、次のようになります。

$scope.color = {
  name: 'green'
};

デフォルトでは、適切なラジオ ボタンはチェックされていません。このラジオボタンの値がオブジェクトだからだと思います。

それを機能させる方法はありますか？値がオブジェクトである場合、適切なラジオ ボタンを確認するにはどうすればよいですか?

4

2 に答える 2

0

ディレクティブ$scope.color.nameで定義されている「グリーン」オブジェクトへのモデルを参照する必要があります。ngValue

$scope.specialValue = {
  id: '12345',
  value: 'green'
};

$scope.color = {
  name: $scope.specialValue
};

そのngValueディレクティブはにバインドされているためspecialValue

<label>
  <input type="radio" ng-model="color.name" ng-value="specialValue">
  Green
</label>

これが実際の例です。

于 2017-05-20T17:21:50.963 に答える