Put the value of an input into another input form in AngularJS

Question

Having this js fiddle

var app = angular.module('myApp', []);

app.controller('MyController', ['$scope', MyController]);    

function MyController($scope) {

    $scope.value1 = $scope.value1;
    $scope.value2 = "this is it: " + $scope.value1;
}

<html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">

</script>
<div ng-controller='MyController'>
    <h1>Introduce your value:</h1>
    <input type="text" ng-model="value1"></input></br>
    <input type="text" ng-model="name" ng-change="value1"></input>
</div>
</html>

I want to introduce a value in the first input and to get it into the next one as "this is it: firstvalue".

have you loaded angular.js library in you html?

Hitesh Kansagara
– Hitesh Kansagara

2018-03-28 20:18:48 +00:00
Commented Mar 28, 2018 at 20:18 — Hitesh Kansagara
– Hitesh Kansagara, Commented Mar 28, 2018 at 20:18
@HiteshKansagara sorry, forgot about that. I added it now

Leo Messi
– Leo Messi

2018-03-28 20:21:32 +00:00
Commented Mar 28, 2018 at 20:21 — Leo Messi
– Leo Messi, Commented Mar 28, 2018 at 20:21

Nishanth · Accepted Answer · 2018-03-29 07:48:39Z

1

You can achieve that easily using ng-change and using ng-model properly

var app = angular.module('myApp', []);

app.controller('MyController', ['$scope', MyController]);    

function MyController($scope) {

    $scope.value1 = undefined;
    $scope.value2 = undefined;
    
    $scope.onValue1Change = function(){
      $scope.value2 = "this is it: " + $scope.value1;
    };
}

<html ng-app="myApp">

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<div ng-controller='MyController'>
    <h1>Introduce your value:</h1>
    <input type="text" ng-model="value1" ng-change="onValue1Change()"></input></br>
    <input type="text" ng-model="value2"></input>
</div>
</html>

edited Mar 29, 2018 at 7:48

answered Mar 28, 2018 at 20:29

Nishanth

8356 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Put the value of an input into another input form in 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