oi-select angularjsで最初のオプションを選択する方法

Question

Plunker to try複数のオプションを選択するにはoi-selectライブラリを使用しています。データの最初の値をデータが利用可能になるとすぐに選択する必要があります。 HTMLコード

<oi-select multiple ng-init="selectedNewRelease=releaseList[0]" 
oi-options="item.releaseId for item in releaseList" ng-model="selectedNewRelease" 
placeholder="Select Releases" 
oi-select-options="{dropdownFilter: 'myDropdownFilter'}" id="selectedReleases" 
ng-change="onReleaseChange();toggleCol();"></oi-select> 

私は以下のように割り当てることで、NG-initで試してみました：

$scope.selectedNewRelease=$scope.releaseList[0]; 

これは実際に動作しますが、すぐに私は1つのまたは複数のオプションを選択すると、それはデフォルトの選択オプションを削除します。任意のアイデアをリンクしてください。 oi-select

Answer 1

Objectでない配列でoi-select（複数）のデフォルト値を設定する場合、新しい項目を選択すると元の値が上書きされます。 ですから、このよう.somethingをArrayでそれを初期化する必要があります

ng-init="selectedNewRelease=[releaseList[0]] 

このplunkerを参照してください。

---

UPDATE：

oi-selectはtwo-way-databindingを達成するためにngModelを使用し、アレイのinstanceが変更されていない場合、角度ので（変化を誘発しないであろうNG-変化がインスタンスなしで発射しないことを意味しかわった）。

だから、後に、あなたはこのような何かを行う必要があり、新しいアイテムをプッシュ：

$scope.selectedNewRelease = $scope.selectedNewRelease.slice(); // create new instance for the array. 

Answer 2

のためのリンクは、この

ng-init="selectedNewRelease=releaseList[0]"代わりのng-init="releaseList[0]"

編集してみてください：

するか、OI-選択にng-init="selectedNewRelease=releaseList[0]"を削除し、releaseListデータ

のような負荷の後、コントローラに値を割り当てます

function controller($scope) 
{ 
Loaddropdown() 
{ 
$http().success(function(data){ 
$scope.releaseList = data; 
$scope.selectedNewRelease =$scope.releaseList[0]//or $scope.selectedNewRelease=$scope.releaseList[0].Id// which id means what's your value 
}) 
} 
}