angularjs - pass selezionate le proprietà dell'oggetto in ng-cambiamento

Question

Come posso ottenere altri oggetti di JSON caricata in discesa/ng-options

On ng-cambiamento mi piace anche passare del tipo di campagna dell'oggetto selezionato.

Come potrei farlo?

My View sta cercando in questo modo

<div ng-app> 
    <div ng-controller="cCtrl"> 
     <select ng-model="campaign" ng-options="c.id as c.name for c in campaigns" ng-change="search2(c.campaignType)"> 
      <option value="">-- choose campaign --</option> 
     </select> 
    </div> 
</div> 

mio controller è simile a questo

function cCtrl($scope) { 

    $scope.campaigns = [{ 
     "custID": 1, 
     "custName": "aaa ", 
     "msgID": 3, 
     "msgName": "Email Test Msg", 
     "id": 2, 
     "name": "Email Test Campaign", 
     "description": "Test Campaign", 
     "campaignType": "Email", 
     "created": "1374229715", 
     "isActive": 1, 
     "isDeleted": 0 
    }]; 

$scope.search2 = function (campaignType) { 
     alert(campaignType); // not working 
     alert($scope.campaign.campaignType); // not working 
     //console.log($scope.campaign.campaignType); 

    } 

} 

http://jsfiddle.net/webtheveloper/Qgmz7/8/

Answer 1

Check this out: http://jsfiddle.net/Qgmz7/9/

Non sei in un contesto ngRepeat. ngOptions funziona in modo completamente diverso.

ngModello su un <select> otterrà il valore di <option>, non l'intero oggetto. Di nuovo, non sei all'interno di ngRepeat, non hai accesso ai tuoi oggetti.

Non è necessario passare il valore come parametro, è possibile ottenerlo da $scope. È un dato di fatto che non c'è bisogno ngChange sia, si può solo $scope.$watch('campaign', ...)

Così

$scope.search2 = function() { 
    console.log($scope.campaign); 
} 

Answer 2

Invece di passare a una proprietà, è possibile passare l'oggetto selezionato nella funzione come questa

<select ng-model="campaign" ng-options="c.name for c in campaigns" ng-change="search2(campaign)"> 

Working Demo

Answer 3

si può anche provare in questo modo (Hack si può dire),

<select ng-model="campaign" ng-options="c.id as c.name for c in campaigns" ng-change="search2(campaign,campaigns)"> 
     <option value="">-- choose campaign --</option> 
</select> 

Fondamentalmente ciò che questo codice farà è che passerà semplicemente ng-model insieme all'intero elenco a discesa su ng-change. Quindi, nella funzione search2, è sufficiente cercare il valore ng-model in quell'elenco e ottenere l'oggetto desiderato.

Fiddle per riferimento: https://jsfiddle.net/vaibhavgavali92/7b7xdyzj/8/