Réinitialiser sélectionner la valeur par défaut avec AngularJS

J'ai une question pour AngularJS. J'ai un
sélectionnez avec les options de créé avec ngOptions. Je veux
définissez l'option sélectionnée par défaut de l'option. J'ai essayé de
supprimer le modèle de la variable e.g:

if(angular.isDefined($scope.first)){
    delete $scope.first;
}

Mais cela ne fonctionne pas. Voici mon code html.

    <div ng-app="app">
        <div ng-controller="testCtrl">
            <select data-ng-model="first"  data-ng-options="item.name for item in selectContent" required="required">
              <option value="" style="display: none;">-- select --</option>
            </select>
            {{first.value}}
<hr/>
        <input type="button" value="reset dropdown" data-ng-click="resetDropDown()"/>
        </div>
    </div>

Et voici mon code JavaScript:

angular.module('app', []).controller('testCtrl', function ($scope) {
    $scope.selectContent = [
        {
            name: "first",
            value: "1"
        },
        {
            name: "second",
            value: "2"
        }
    ];

    $scope.resetDropDown = function() {
        if(angular.isDefined($scope.first)){
            delete $scope.first;
        }
    }
});

Voici de travail jsfiddle:

http://jsfiddle.net/zono/rzJ2w/

Comment je peux résoudre ce problème?

Salutations les meilleures.

source d'informationauteur Georgi Naumov

  1. 9

    Votre bouton de réinitialisation est placé en dehors de la div contenant votre contrôleur. Cela signifie que votre réinitialiser la fonction n'existe pas dans le contexte où vous essayez de l'utiliser.

    Changement:

    <div ng-app="app">
    <div ng-controller="testCtrl">
        <select data-ng-model="first"  data-ng-options="item.name for item in selectContent" required="required">
          <option value="" style="display: none;">-- select --</option>
        </select>
        {{first.value}}
        <hr/>
        <input type="button" value="reset dropdown" data-ng-click="resetDropDown()"/>
    </div>
</div>

    C'est toujours une bonne idée d'utiliser un débogueur assurez-vous que le code que vous essayez de corriger c'est effectivement en cours d'exécution.

  2. 6
    $scope.resetDropDown = function() {
    $scope.first = "";
}