Change $scope variable value in angularJs

Question

I have three buttons here wish to make $scope. -> q <- q as variable. How can I achieve that. This is just a test code my actual problem is based on making q as variable so please do not suggest any workaround

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = function(q){
    $scope.a = "John Doe "; // $scope.q how to make q varibale
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
Name: <button ng-click="name('a')" ng-model="name">this is a</button>
<button ng-click="name('b')" ng-model="name">this is b</button>
<button ng-click="name('c')" ng-model="name">this is c</button>
{{a}} via a<br>
{{b}} via b<br>
{{c}} via c<br>
</div>

Vinod Louis · Accepted Answer · 2017-01-31 09:17:57Z

4

Just add q as a key to scope because $scope in nature is an object

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = function(q){
    $scope[q] = "John Doe "; // $scope.q how to make q varibale
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
Name: <button ng-click="name('a')" ng-model="name">this is a</button>
<button ng-click="name('b')" ng-model="name">this is b</button>
<button ng-click="name('c')" ng-model="name">this is c</button>
{{a}} via a<br>
{{b}} via b<br>
{{c}} via c<br>
</div>

answered Jan 31, 2017 at 9:17

Vinod Louis

4,9061 gold badge31 silver badges50 bronze badges

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

6 Comments

sam Over a year ago

This is really helpful however there is this problem that after $scope.b is set why the value in $scope.a still exist ? how can i bypass that

Vinod Louis Over a year ago

Thats the nature of js variables value assigned retains it till memory

Vinod Louis Over a year ago

The only way is to overwrite it

sam Over a year ago

$scope.name = function(q){     var ar = ["a","b","c"]     for(var i=0;i<=ar.length;i++)     {     $scope[ar[i]]=""     }     $scope[q] = "John Doe ";     }

Is this the right way to do it?

Vinod Louis Over a year ago

yes sure its one of the way to do it if you have just 3 variables its feasible

|

Developer · Accepted Answer · 2017-01-31 09:18:52Z

1

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = function(q){
    $scope[q] = "John Doe "+ q; // $scope.q how to make q varibale
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
Name: <button ng-click="name('a')" ng-model="name">this is a</button>
<button ng-click="name('b')" ng-model="name">this is b</button>
<button ng-click="name('c')" ng-model="name">this is c</button>
{{a}} via a<br>
{{b}} via b<br>
{{c}} via c<br>
</div>

answered Jan 31, 2017 at 9:18

Developer

6,4703 gold badges21 silver badges24 bronze badges

Collectives™ on Stack Overflow

Change $scope variable value in angularJs

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related