Pass array in directive attributes

Question

I want to pass array in the directive attribute. It doesn't work. I tried to pass an array in the attribute of a directive and nothing happened.

class Directive {
  constructor () {
    'ngInject';

    let directive = {
      restrict: 'E',
      template: '<div class="btn-group">
                   <label class="btn btn-primary classButton" 
                          ng-model="radioModel" uib-btn-radio="'First'" 
                          config="{{config[0]}}">{{config[0]}}
                   </label>
                 </div>',

      controller: Controller,
      controllerAs: 'vm',
      bindToController: true,
      scope: {
        config: '='
      }
    };

    return directive;
  }
}

class Controller {
  constructor() {
    'ngInject';
  }
}

<directive config="First, Second"></directive>

How should I pass the array to the directive?

try [First, Second]. You don't pass in an array, but invalid notations. Put [] around them to convert it to an array — devqon
– devqon, Commented Nov 10, 2015 at 10:51
You should store array in the $scope or vm and pass it as by reference because you're using two-way binding. If you just pass it in the attribute it might cause issues. — Igor Malyk
– Igor Malyk, Commented Nov 10, 2015 at 10:53

Abhilash Augustine · Accepted Answer · 2015-11-10 12:07:44Z

1

Maksim,

You need to pass a scope variable instead of a array constant here,

That is, declare a scope variable and assign this value to that variable like this,

$scope.myArray = ['Firs', 'Second'];

and now you can pass this scope variable to your directive.

<directive config="myArray"></directive>

It should work !!!

answered Nov 10, 2015 at 12:07

Abhilash Augustine

4,2081 gold badge26 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Pass array in directive attributes

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related