Angular/Ionic: Kein Zugriff Wert in HTML-Eingabefeld

Question

Ich habe den folgenden HTML-Code:

 <div class="list"> 
      <label class="item item-input"> 
       <input id="email" ng-model="email" type="text" placeholder="Email Address"> 
      </label> 
      <br> 
      <center> 
      <button class="button button-positive" ng-click="getData();"> Test </button> 
      </center> 
     </div> 

und den folgenden Winkel Code:

$scope.getData = function() { 
     var emailadd = document.getElementById('email'); 
     var url = "http://172.16.99.138/sendemail.php?emailaddress="+emailadd; 
     console.log(url); 
    }; 

aber wenn ich versuche, das laufen Code sagt die Konsole, dass es die Variable nicht finden kann. Würde die Anleitung hier schätzen.

Answer 1

Hinweis: Ihr in Frage stehender Code ist sowieso falsch, da document.getElementById('email') Sie das dom-Element erhält, das ist nicht das value() des Elements.

Noch sollte man dies die "Angular Way" tun:

Sie müssen wie so das Modell in der Controller definieren:

$scope.email = { 
    text: '' 
    }; 

Dann können Sie in der HTML-binden wie so :

<input type="email" name="input" ng-model="email.text" required> 

Dann können Sie die $scope.email in Ihrer Methode verwenden:

$scope.getData = function() { 
    var url = "http://172.16.99.138/sendemail.php?emailaddress="+$scope.email.text; 
    console.log(url); 
}; 

ng-model Documentation

Answer 2

Verwenden Sie diese Art und Weise von Daten in AngularJS verbindlich, übergeben E-Mail als Parameter in der Funktion getData()

<div class="list"> 
      <label class="item item-input"> 
       <input id="email" ng-model="email" type="text" placeholder="Email Address"> 
      </label> 
      <br> 
      <center> 
      <button class="button button-positive" ng-click="getData(email);"> Test </button> 
      </center> 
     </div> 

Und in Ihrem Controller

$scope.getData = function(email) { 
     // var emailadd = document.getElementById('email');don't use this 
     var url = "http://172.16.99.138/sendemail.php?emailaddress="+email; 
     console.log(url); 
    };