ng-options à partir d'un json avec angularjs

j'ai eu un json qui ressemble à ce 

[{"partner_id":"8","partner_name":"Company1","partner_location":["Place1","Place2","Place3"],"partner_user":["User1","User2","User3"]},{"partner_id":"9","partner_name":"Company2","partner_location":["Place4","Place5"],"partner_user":["User4","User5"]}]

Maintenant, je veux faire quelque chose comme cela. J'ai 2 listes déroulantes et je veux bien le premier à être rempli avec de la partner_name de mes 2 listes de sorte qu'il doit ressembler à ceci

<select>
    <option value="8">Company1</option>
    <option value="9">Company2</option>
</select>

mais je veux qu'il soit déjà sélectionné avec une valeur que j'ai mis à l'intérieur de service_id.
Je comprends ce faire, vous pouvez en quelque sorte comme ce 

<select ng-options="partner for partner in jsonPartners" ng-model="service_id"></select>

mais quand je fais cela, j'ai dans mon choix de 2 options appelé [object Object]

Et le 2ème select est plus délicat, je veux qu'il ait des lieux de ce que l'id a été sélectionné dans mon 1er sélectionner. Donc, si j'ai choisi Company1, qu'il doit être rempli avec Place1, Place2, Place3 et si j'ai choisi Company2, il doit être rempli avec Place4, Place5.

Je vous remercie à l'avance, Daniel!

  • pls pouvez-vous me montrer ce contenant jsonPartners ? Vous avez deux sélectionne et que vous voulez après tout d'abord modifié remplir deuxième à droite ?
  • essayez cette jsfiddle
  • oui, le jsonPartners est le json que j'ai écrit sur le début de mon post
  • ok j'ai trouvé la solution à mon premier problème, il ressemble à ceci <select ng-model="service_id" ng-options="partenaire.partner_id en tant que partenaire.partner_name pour partenaire dans jsonPartners"></select>
  • Daniel sa clé = valeur de l'option comme valeur = texte nom. Regardez oficial de la documentation de sa bonne si vous avez bien lu. docs.angularjs.org/api/ng.directive:select
InformationsquelleAutor Pacuraru Daniel | 2013-11-13
  1. 4

    HTML

    <div ng-app="myApp" ng-controller="ctrl">
    <select ng-options="partner as partner.partner_name 
    for partner in jsonPartners" ng-model="service_id"></select>

    <select ng-options="place for place in service_id.partner_location" 
    ng-model="service_location"></select>
</div>

    JS

    var app = angular.module('myApp', []);

function ctrl($scope){
    $scope.jsonPartners = [{"partner_id":"8", ..},{"partner_id":"9", ..}]

    $scope.service_id = $scope.jsonPartners[1];
}

    violon

    • merci pour cette réponse, je l'ai utilisé et il fonctionne très bien!
    InformationsquelleAutor AlwaysALearner
  2. 2

    Je voudrais ajouter le ng-change pour sélectionner le 1er élément par défaut:

    JS contrôleur

    $scope.jsonPartners = [{
    "partner_id": "8",
    "partner_name": "Company1",
    "partner_location": ["Place1", "Place2", "Place3"],
    "partner_user": ["User1", "User2", "User3"]
}, {
    "partner_id": "9",
    "partner_name": "Company2",
    "partner_location": ["Place4", "Place5"],
    "partner_user": ["User4", "User5"]
}];


$scope.partner = $scope.jsonPartners[0];
$scope.place = $scope.partner.partner_location[0];

$scope.onChange = function(partner){       
  $scope.place = partner.partner_location[0];
}

    HTML

    <div ng-controller="fessCntrl">
     <select ng-model="partner"          
     ng-options="partner as partner.partner_name for partner in jsonPartners"
         ng-change="onChange(partner)"
     ></select>

     <select ng-model="place"         
             ng-options="place as place for place in partner.partner_location"         
      ></select>
</div>

    Démo Violon

    • merci pour la réponse, j'ai utilisé celle CodeHater fourni et il est exactement la même idée comme la vôtre, ce qui est excellent! j'ai enfin compris comment ça fonctionne 🙂
    InformationsquelleAutor Maxim Shoustin