Comment puis-je obtenir la valeur d'un élément d'entrée en utilisant angular.element ('# id')

Quand je suis en train d'obtenir la valeur de l'élément d'entrée à l'aide angulaire.élément, son retour indéfini.
Voici mon code: 

$scope.registerUser = function() {
    console.log(angular.element('#username').value); //undefined
    console.log(document.getElementById('username').value); //sampleName
};

Comment puis-je obtenir la valeur à l'aide angulaire.élément

source d'informationauteur Seshu

  1. 17

    Explication

    Vous devez utiliser val méthode semblable à du jQuery $.fn.val:

    console.log(angular.element('#username').val());

    Alternativement, vous pouvez utiliser value propriété de la pure HTMLInputELement:

    console.log(angular.element('#username')[0].value);

    ... parce que angular.element instance est un tableau comme la collecte de Élémentshtml avec tous les éléments accessibles par son index.

    Approche correcte

    Mais... vous ne devriez jamais Vous lisez la valeur d'entrée comme cela dans le contexte de l'Angulaire de l'app. Au lieu de cela, utiliser ngModel directive et de se lier d'entrée de la valeur angulaire du modèle directement:

    $scope.registerUser = function() {    
    console.log($scope.username);
};

    où dans le code HTML que vous avez 

    <input type="text" ng-model="username">
  2. 1

    Cela fonctionne pour moi

    angular.element(document.getElementById('username')).val();
  3. 0

    La même manière que dans jQuery, pour qui angular.element est un wrapper/sub:

    angular.element('#username').val();
  4. 0

    En plus de la manière indiquée ci-dessus,
    elle peut également être utilisée :

    angular.element('[id="username"]').val();
angular.element('[id="username"]')[0].value;