2016-06-22 9 views
2

Mein HTML:Wie übergibt man einen Wert von einem Textfeld an eine Funktion in AngularJs?

<input type ="text" ng-model="contactid" > 

Ich möchte den ContactID Wert in diesem Feld abc() auf eine Funktion eingegeben passieren die onclick von Submit-Button nach dem Feld genannt wird.

Wie mache ich das?

+0

Put 'ng-Modell 'auf die tetbox als verwenden Sie diese Variable in der Funktion – AranS

+0

Angular hat Modell, anzeigen und steuern r. Modell binden, um Modelldaten im Controller im Übergabe-Handler anzuzeigen und zu verwenden. https://angularjs.org/ –

+0

Ich denke, Sie sollten mit eckigen Dokumentation als Basis beginnen ... – AranS

Antwort

7

Sie können es wie so:

<form ng-controller="formCtrl">  
    <input type="text" name="name" ng-model="inputValue" /> 
    <button ng-click="abc(inputValue)"></button> 
</form> 

Oder mit ng-submit Richtlinie:

<form ng-controller="formCtrl" ng-submit="abc(inputValue)">  
    <input type="text" name="name" ng-model="inputValue" /> 
    <button type="submit"></button> 
</form> 

Und in Ihrem formCtrl Controller:

.controller('formCtrl', function() { 
    $scope.inputValue = null; 
    $scope.abc = function (value) { 
     console.log(value); 
    }; 
}); 
+0

Danke! Es funktionierte –

+0

Könnten Sie mir auch helfen, diesen Fehler zu lösen, den ich erhalte: angular.js: 12520 TypeError: Kann die Eigenschaft 'get' von undefined nicht lesen bei r. $ Scope.contactId (Index.html? Name = 3-1749: 18) bei fn (eval bei der Kompilierung (Angularjs: 13365), : 4: 329) bei e (Angularjs. 23613) bei r $ eval (Angularjs: 16052) bei r. $ apply (angular.js: 16152) bei HTMLButtonElement. (angular.js: 23618) bei If (angular.js: 3346) bei HTMLButtonElement.d (angular.js: 3334) –

+0

Sie sollten eine neue Frage öffnen. Zeigen Sie dabei neben dem Fehler auch den Code, der den Fehler verursacht. – user3632710

Verwandte Themen