AngularJS directive create empty array in scope.

Question

I have created one directive and use scope variables in this way:

<div data-create-instants-since-beginning data-daysnum="daysnum" data-tostore="tostore">

I want when tostore is undefined to set it to empty array but unfortunately this not working.

.directive("createInstantsSinceBeginning", function () {
        return {
            scope: {
                daysnum: "=",
                tostore: "="
            },
            link: function ($scope, element) {
                if (typeof $scope.tostore == 'undefined') {
                    $scope.$apply(function () {
                        $scope.tostore = [];
                    });
                }
    // other code ..

How I can solve the problem?

Best regards.

Why don't you just initialize it in your controller as you are using 2-way binding ? — tomaoq
– tomaoq, Commented Nov 20, 2014 at 13:33

Brocco · Accepted Answer · 2014-11-20 13:30:56Z

3

Try taking out the $scope.apply

.directive("createInstantsSinceBeginning", function() {
  return {
    scope: {
      daysnum: "=",
      tostore: "="
    },
    link: function(scope, element) {
      if (typeof scope.tostore == 'undefined') {
        scope.tostore = [];
      }
    }
  };
});

See working example: http://plnkr.co/edit/OVsKcDebdNhxgCfdig4q?p=preview

answered Nov 20, 2014 at 13:30

Brocco

65.3k12 gold badges74 silver badges77 bronze badges

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

2 Comments

Georgi Naumov Over a year ago

Man you are the best :). Save me a lot of researching :).

Brocco Over a year ago

No problem. You only need to use $apply when you are doing outside of angular's context. This is not one of those times.

Michael · Accepted Answer · 2014-11-20 13:33:11Z

1

Just do it in the directive's controller:

app.directive('createInstantsSinceBeginning',function(){
        return {
            scope: {
                daysnum: "=",
                tostore: "="
            },
            controller: function($scope){
                if (  $scope.tostore === undefined ) 
                    $scope.tostore = [];

            }
 }});

answered Nov 20, 2014 at 13:33

Michael

3,3345 gold badges26 silver badges37 bronze badges

Comments

Antonio · Accepted Answer · 2015-11-17 08:41:36Z

1

The shortest way:

.directive("createInstantsSinceBeginning", function () {
    return {
        scope: {
            daysnum: "=",
            tostore: "="
        },
        link: function ($scope, element) {
            $scope.tostore = $scope.tostore || [];
        }
// other code ..

answered Nov 17, 2015 at 8:41

Antonio

9015 silver badges12 bronze badges

Collectives™ on Stack Overflow

AngularJS directive create empty array in scope.

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related