How to use a Dynamic Variable to access Scope field - AngularJS

Question

I am trying to have a variable string, and access the matching $scope.field but it is undefined and not returning what I am expecting. What am I doing wrong, or is this not possible?

$scope.selectedHolidayA = "Christmas"
$scope.selectedHolidayB = "NewYears"

var HA = "selectedHolidayA";
var HB = "selectedHolidayB";

I want to get the same result as $scope.selectedHolidayA = "Christmas". But I am getting undefined.

I tried these but no luck.

console.log("Test 1", $scope["HA"]);   //I want these to return "Christmas"
console.log("Test 2", $scope[HA]);     //Currently returns undefined
console.log("Test 3", $scope.HA);

Is it possible to pass variables, if so how? Thanks!

georgeawg · Accepted Answer · 2020-12-31 13:35:21Z

0

Use "Test 2":

$scope = {};

$scope.selectedHolidayA = "Christmas"
$scope.selectedHolidayB = "NewYears"

var HA = "selectedHolidayA";
var HB = "selectedHolidayB";

console.log($scope[HA]+' and '+$scope[HB]);

console.log("Test 2", $scope[HA]);

answered Dec 31, 2020 at 13:35

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

1 Comment

Suzy Over a year ago

Ahh thanks! The example I actually tried originally didn't have HA with quotations marks, so it was undefined. It was var HA = selectedHolidayA; before by mistake.

Collectives™ on Stack Overflow

How to use a Dynamic Variable to access Scope field - AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related