web-dev-qa-db-fra.com

Comment récupérer la valeur de textbox en utilisant AngularJs?

$scope.add=function()
                {
                    //How to retrieve the value of textbox
                }

<input type='text'><button ng-click='add()'></button>

Lorsque je clique sur le bouton, comment puis-je récupérer la valeur de la zone de texte dans le contrôleur et l'ajouter de manière dynamique à la table?

javascriptangularjsangularjs-controllerangularjs-ng-clickangular-ngmodel
4
Naga Bhavani

Affectez-lui ng-model afin que cette variable soit disponible dans scope du contrôleur.

Balisage 

<input type='text' ng-model="myVar"/>
<button type="button" ng-click='add(myVar)'></button>
14
Pankaj Parkar

Lier le champ de texte en utilisant ng-model

Exemple:

$scope.items = [];
$scope.newItem = {
  title: ''
}

$scope.add = function(item) {
  $scope.items.Push(item);
  $scope.newItem = { title: '' }; // set newItem to a new object to lose the reference
}

<input type='text' ng-model='newItem.title'><button ng-click='add(newItem)'>Add</button>
<ul>
  <li ng-repeat='item in items'>{{ item.title }}</li>
</ul>
3
JimL

Pour extraire vos données de textbox, vous devez utiliser l'attribut ng-model dans la balise html. Dans la balise button, vous pouvez utiliser ng-click avec un paramètre, c’est votre ng-model,

<input type='text' ng-model="YourTextData"/>
<button type="button" ng-click='add(YourTextData)'></button>

Dans le fichier js:

$scope.add=function(YourTextData){

       //Now you can set a debugger here and check the data

}
2
keyvan salimi

Utilisez ng-model dans votre zone de texte pour les lier à vos variables de portée

<input type="text" ng-model="value1">
<input type="text" ng-model="value2">

Puis déclarez les variables dans votre contrôleur et utilisez-les dans votre fonction

$scope.value1 = 0;
$scope.value2 = 0;
$scope.add=function()
    {
       // Example
       console.log($scope.value1 + $scope.value2);
    }
1
Bidhan A