如何在角度ui-選擇選擇中重複對象屬性？

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

這應該工作：

<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)而不是直接訪問的值，對象時（在我的代碼中，它的名稱爲product）被創建，它由兩個屬性key和value組成，其中key是初始對象的實際鍵，value是該鍵的值。應該使用該對象來訪問實際值。

例如，對於下面的初始數據上的第一次迭代這樣的對象將被創建的對象

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

：

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

爲數據對象，下面的對象將在創建第一次迭代（product）：

{ 
    key: 'key1', 
    value: 'value1' 
}