How to throw html input values into ng-click function with angularjs

Question

Hello guys i am learning html and angularjs at the same time.I don't know how i can throw simple input into my functions.

Random

<input id="input1" type="text">

<button ng-click="someAction()">click me</button>

Basically i want to put the text value from the input into someAction method. Sorry if my code or question is confusing. It confuses me too.

How can i do it?

Raxel21 · Accepted Answer · 2021-12-10 02:09:23Z

1

You've to use ngModel and $scope to save the function

angular.module('starter', [])
  .controller('MainCtrl', function($scope) {
    $scope.someAction = function(name) {
      $scope.result = 'Hi ' + name;
    }
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
<div ng-app="starter" ng-controller="MainCtrl">
  <!-- ngModel will store the input data, it's as if you were creating a variable -->
  <input type="text" ng-model="name" placeholder="Your name"/>
  <button ng-click="someAction(name)">Some action</button>
  <p>{{result}}</p>
</div>

answered Dec 10, 2021 at 2:09

Raxel21

4132 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to throw html input values into ng-click function with angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related