angularjs - Ruby: AngularJS バインディング経由で選択モデルの値を設定できない

Question

外部の select 要素 (編集モーダル ダイアログ) にオブジェクトを設定している状況があります。スコープ変数の値を設定すると、選択コントロールは同等のアイテムを選択するのではなく、その値を失います (同じ ID を持つオブジェクトなど)。

それは私が必要とする別の ng-option 値なのだろうか、ドキュメントからは理解できない値を入力する方法がたくさんあるようです。私は基本的なタイプを使用しています：

<select ng-model="color" ng-options="c.name for c in colors"></select>

ここで同様の状況を作成しました。選択ドロップダウンで適切な値を設定するには、ボタンをクリックする必要があります。

Answer 1

AngularJS は、同等性ではなく参照のために比較します。これを行うと、AngularJS は に同等のオブジェクトを見つけられず$scope.colors、リストを空の値に設定します。

$scope.setColor = function() {
    $scope.color = {id:12,name:'white',shade:'light'};
};

代わりに、この fiddleのように、簡単に作成できます。

$scope.setColor = function() {
    $scope.color = $scope.colors[1];  
};