How to set dynamic variable name in Angularjs controller

Question

This is my controller code :

var selectableFields = ["customerName", "customerAddress"];

angular.forEach(selectableFields, function(field, key) {
var value = $.jStorage.get(field); //using jStore to get the values
$scope.field=value;

});

The objective is to be able to access {{customerName}} and {{customerAddress}} in the view. Can anyone please tell me what is the correct way of doing this?

Answer 1

Use $scope[field] = value; instead.

With $scope.field, you're creating a new attribute named field.