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.

Answer 1

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

Answer 2

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 = []; } }}); 

Answer 3

The shortest way:

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