角度ui-select-choicesでオブジェクトのプロパティを繰り返す方法は？

Question

私は

{ 
    key1: value1, 
    key2: value2 
} 

などのオブジェクトがどのようにui-select-choicesでこれを繰り返すことになりますか？私はいくつかのことを試してみましたが、何もこれは動作するはず

<ui-select ng-model="selectedChoice" theme="select2"> 
    <ui-select-match placeholder="{{'select_product' | translate}}" allow-clear="true"> 
     <span ng-bind="$select.selected"></span> 
    </ui-select-match> 
    <ui-select-choices repeat="key as (key, value) in (productList | filter: $select.search)"> 
     <span>{{::key}}</span> 
    </ui-select-choices> 
</ui-select> 

Answer 1

として働いていません：各ペア(key, value)のために反復する代わりに、オブジェクトを直接値にアクセスする時に：オブジェクトに対する

<ui-select-choices repeat="product.key as (key, product) in productList | filter: {'value':$select.search}"> 
    <span ng-bind-html="product.value"></span> 
</ui-select-choices> 

Angular UI Select繰り返し処理をちょっとこの方法をkeyとvalueという名前の2つのプロパティで構成されています（keyは初期オブジェクトの実際のキーです）。valueはキーの値です。このオブジェクトは、実際の値にアクセスするために使用する必要があります。最初の反復ようなオブジェクト上の

例えば、以下の初期データオブジェクトの

{ 
    key1: { 
     id: 1, 
     name: 'John' 
    }, 
    key2: { 
     id: 2, 
     name: 'Alex' 
    } 
} 

が作成されます：データオブジェクトの場合

{ 
    key: 'key1', 
    value: { 
     id: 1, 
     name: 'John' 
    } 
} 

を、以下のオブジェクトが上に作成されます最初の反復（product）：