AngularJS ng-repeat réglage par défaut sélectionnez la valeur

$scope.activities =
    [
        { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" },
        { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" }
    ];

<select data-ng-model="engineer.currentActivity" data-ng-options="a.name for a in activities">                
</select>

À l'aide de la ci-dessus, je suis en mesure de créer une zone de sélection avec 3 valeurs, un vide, puis menu déroulant et la barre horizontale.

Je tiens à mettre la Barre Horizontale comme mon défaut et ne peut pas voir comment faire cela.

Aide serait super

BTW, si vous allez finir par tirer activities à partir du serveur, et vous avez besoin d'hydrater l'option sélectionnée, vous voulez regarder dans les track by expressions à l'intérieur de la ng-options expression.

OriginalL'auteur ngplayground | 2014-01-25

  1. 4

    Dans le contrôleur, il suffit d'ajouter une ligne à la configuration de la sélection initiale:

    $scope.activities =
    [
        { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" },
        { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" }
    ];

$scope.engineer = {}; //if needed
$scope.engineer.currentActivity = $scope.activities[1];

    OriginalL'auteur Davin Tryon

  2. 3

    Dans votre angulaire de contrôleur:

    $scope.activities = [
    { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" },
    { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" }
];
$scope.activity = $scope.activities[1]; //Bind 2nd activity to the model.

    Dans le code HTML:

    <select ng-model="activity" 
    ng-options="activity as activity.name for activity in activities">
    <option value=""></option>
</select>

    Voir le Violon

    OriginalL'auteur RaviH

  3. 0

    Utilisation ng-init la directive

    ng-init="engineer.currentActivity = options[1]"

    OriginalL'auteur StarsSky