CODEWITHSUNDEEP
javascriptangularjs
Leo Messi
Leo Messi

Reputation: 6166

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

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".

Upvotes: 0

Views: 34

Answers (1)

Nishanth
Nishanth

Reputation: 835

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>

Upvotes: 1

Related Questions