Automatically generating variables in AngularJS with specific names

Question

I have this controller:

(function () {
    "use strict";

    angular.module("workPlan").controller("genericFilterDataController",    ["$scope", genericFilterDataController]);

    function genericFilterDataController($scope) {

        $scope.data = ['bla1', 'bla2', 'bla3'];

        $scope.foo = function () {

             };
        }
    })();

When function foo is fired I want to generate properties in $scope with names listed in the data array.

For example:

In function foo I want to create properties with names according to the strings in the data array:

$scope.bla1
$scope.bla2
$scope.bla3

How can I implement this?

Tarun Dugar · Accepted Answer · 2015-11-23 17:14:13Z

1

Yes, in your 'foo' function:

for(var i = 0; i < data.length; i++) {
    $scope[data[i]];
}

answered Nov 23, 2015 at 17:14

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

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

Comments

Chandan · Accepted Answer · 2015-11-23 17:15:49Z

1

Did you try like this -

(function () {
"use strict";

angular.module("workPlan").controller("genericFilterDataController",    ["$scope", genericFilterDataController]);

 function genericFilterDataController($scope) {

    $scope.data = ['bla1', 'bla2', 'bla3'];

      $scope.foo = function () 
      {
        for(var i = 0; i < $scope.data.length; i++)
        {
           $scope[$scope.data[i]] = $scope.data[i];// or your data point here
         }

      };
    }
})();

answered Nov 23, 2015 at 17:15

Chandan

1,1389 silver badges11 bronze badges

Collectives™ on Stack Overflow

Automatically generating variables in AngularJS with specific names

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related