AngularJS Wählen Sie nicht von $ Rahmen gefassten Variable

Question

ich habe ein sehr einfaches Problem:

Hier ist meine Aufgabe in meinem Controller:

$scope.footballeur = {'identifiant':6,'prenom':'Thierry','nom':'Chalamerto','categorie':1,'ville':'Paris','age':17,'date_embauche':'','salaire':'28'}; 

Bitte beachten Sie die int-Variable Kategorie.

Nun meiner Meinung nach, ich habe eine sehr einfache wie diese wählen bekam:

<div class="input-group"> 
    <span class="input-group-addon stdgp"></i> Catégorie</span> 
    <select ng-init="footballeur.categorie" ng-model="footballeur.categorie" class="form-control" > 
    <option value="1">Junior</option> 
    <option value="2">Confirmé</option> 
</select> 
</div><br> 

Dann mir glauben oder nicht, aber die Auswahl kann nicht von meinem Wert gefassten zu bekommen. Es zeigt eine leere Zeile, es ist wirklich nervig.

Ich würde wirklich schätzen, wenn jemand eine Idee hat, die einzige Sache, die arbeitet, ist das Entfernen von ng-Modell und Ersetzen durch ng-Wert, aber dann kann ich die neuen Werte nicht vom Benutzer gespeichert speichern!

Ich weiß wirklich nicht, was zu tun ist, ich habe versucht, ng-Wert anstelle von Wert, es funktioniert immer noch nicht !! Ich habe ng-init entfernt, es ändert sich immernoch nichts! Es gibt nicht einmal eine Schleife in meinem SELECT, es soll direkt funktionieren!

hier ist ein Bild von der schrecklichen Situation:

Answer 1

NEW ANTWORT (sorry ich Ihre Frage auf den ersten Blick falsch verstanden)

Ich denke, Ihr Problem zu tun hat mit "selected" Attribut . so etwas wie dies versucht:

<option ng-selected="footballeur.categorie == 1" value="1">Junior</option> 

ALTE ANTWORT

die Auswahl Stellen wie dieser

<select ng-model="footballeur_selected" class="form-control"> 
    <option ng-repeat="(fname, fvalue) in footballeur" value="{{fvalue}}">{{fname}}</option> 
</select> 

Answer 2

Blick in ng-options mit den <select> Optionen einzustellen.

Beispiel (HTML):

<select class='form-control' 
    ng-model="mySelectedOption" 
    ng-options="myOptions"> 
</select> 

Beispiel (JS):

$scope.myOptions = [ 
    { id: "option1", name: "Option 1" }, 
    { id: "option2", name: "Option 2" }, 
    { id: "option3", name: "Option 3" } 
]; 

Answer 3

Es funktioniert automatisch! ng-init funktioniert nicht so. Es wird einfach verwendet, um einen Ausdruck auszuwerten.

Ihr Code funktioniert gut auch ohne ng-init.

<select ng-model="footballeur.categorie" class="form-control" > 
<option value="1">Junior</option> 
<option value="2">Confirmé</option> 
</select> 

Schauen Sie sich die implementation hier.