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

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

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

Quand je clique sur le bouton, comment puis-je récupérer la zone de texte valeur dans le contrôleur et d'ajouter de la valeur à la table de façon dynamique?

OriginalL'auteur Naga Bhavani | 2015-08-06

  1. 14

    Attribuer ng-model afin de garantir que la variable sera disponible à l'intérieur scope de contrôleur.

    Balisage

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

    OriginalL'auteur Pankaj Parkar

  2. 3

    Lier le champ de texte à l'aide de 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>

    OriginalL'auteur JimL

  3. 2

    De prendre vos données à partir de textbox, vous devez utiliser ng-model attribut dans la balise html. Dans le button balise, vous pouvez utiliser ng-click avec un paramètre, qu'il est de 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

}

    OriginalL'auteur keyvan salimi

  4. 1

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

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

    Puis de déclarer les variables à l'intérieur de votre contrôleur et les utiliser dans votre fonction

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

    OriginalL'auteur Bidhan A