角UI/UI的選擇：如何設置初始選擇的對象正確

Question

這是我的用戶界面視圖中選擇：

<ui-select ng-model="selectedLabel.selected" ng-disabled="fetchingLabels || working"> 
    <ui-select-match placeholder="">{{$select.selected.code}}</ui-select-match> 
    <ui-select-choices repeat="label in labels| filterBy: ['name', 'code']: $select.search"> 
     <div ng-bind-html="label.code | highlight: $select.search"></div> 
     <small ng-bind-html="label.name | highlight: $select.search"></small> 
    </ui-select-choices> 
</ui-select> 

而且這是在我的控制器相關的代碼：

$scope.labels = []; 
$scope.selectedLabel = {}; 
$scope.selectedLabel.selected = $scope.passedLabel; // This is an object passed 
                // from the previous controller. 
                // The scope comes with it. 


$scope.fetchLabels(); // This fetches the labels from the server 
         // and puts them in $scope.labels 

從服務器帶來的標籤理論上這樣的：

[{'labelId': 20, 'code': 'L20', 'name': 'some label'}, 
{'labelId': 21, 'code': 'L21', 'name': 'other label'}, ...] 

，通過從-外面的標籤， 'passedLabel'，是理論上像$scope.labels其中之一的支持，例如：

passedLabel = {'labelId': 21, 'code': 'L21', 'name': 'other label'} 

......我說理論上，因爲憑經驗，我看到他們是不同的，因爲角度增加了他們的東西（例如， $$hashKey或__proto__）。

所以，因爲差中，$scope.selectedLabel.selected = $scope.passedLabel不匹配在對應的項的UI選擇（它們不是相同的對象），並且因此，的該結果是這樣的行爲：

如何正確設置初始選擇？有沒有一種方法可以使用id而不是對象comparisson？我想避免一個for這樣的：

for (i=0; i<$scope.labels; i++) { 
     if ($scope.labels[i].labelId == $scope.passedLabel.labelId) { 
      $scope.selectedLabel.selected = $scope.labels[i] 
     } 
    } 

，我敢肯定，預期它的工作，但我將不得不調用for阿賈克斯返回之後...我有其他UI - 也選擇

Answer 1

如果您想實現您提到的狀態，那麼只需將正確的參考傳遞給您的模型即可。

因此，在fetchlabel調用成功之後，您可以在標籤中設置值。現在這個函數的成功，你需要調用取得presentLabel的函數。

只要獲得當前標籤的數據，您就可以在標籤範圍內獲取該對象的索引。

var idx; 
_.find($scope.labels, function(label, labelIdx){ 
    if(label.labelId == parentLabel.labelId){ idx = labelIdx; return true;}; 
}); 

$scope.selectedLabel = {}; 
$scope.selectedLabel.selected = $scope.labels[idx]; 

這會解決你的目的。