Returning an object from ng-repeat or ng-options?

Question

Ok, I have the following:

<select ng-model="item" ng-change="monthpickerclick()">
<option  class="animate-repeat" ng-repeat="returnpicker in monthpicker(singles)" value="{{returnpicker.date}}">{{returnpicker.date}}</option>
</select>

each option has this object:

returnpicker: Object
$$hashKey: "02O"
Year: 2014
dailyPrice: "165"
date: "January-2014"
minimumStay: 5
month: 0
monthlyPrice: "4000"
reserved: false
weeklyPrice: "880"

How can I get the object values ​​for each option when choosing from my controller? currently it is:

scope.$watch('item', function(){
   console.log(scope.item);
});

returns the value of the parameter string, but do I need to get both the month and the year? as???

I also tried:

<select ng-model="item" ng-options="o.month as o.month for o in monthpicker(singles)" ng-click="monthpickerclick()">{{item}}</select>

but this removes all other values ​​from the object from the option.

Answer 1

<select ng-model="item" ng-options="o as o.date for o in monthpicker(singles)">

ng-modelassociates the selected option with $scope.itemwith ofrom ng-options. The ng-optionssentence assets the display value to o.date.

If it monthpicker(singles)returns an array of objects, the itemselected object will be set.

Plunkr

Answer 2

:

<select ng-model="item" ng-change="monthpickerclick()">
    <option  class="animate-repeat" ng-repeat="returnpicker in monthpicker(singles)" value="{{returnpicker.date}}">{{returnpicker.date}} {{returnpicker.month}} {{returnpicker.year}}</option>
</select>

: :

<option ng-click="monthpickerclick()" > ... </option>

monthpickerclick() : monthpickerclick (returnpicker) , .

<option ng-click="monthpickerclick(returnpicker)" > ... </option>

$scope.monthpickerclick(returnpicker){
    $scope.selectedReturnPicker = returnpicker; //save the object
    //other stuff
}