Директива AngularJS создает пустой массив в области.

Question

Я создал одну директиву и использовать область видимости переменных следующим образом:

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

Я хочу, чтобы, когда tostore неопределен, чтобы установить его на пустой массив, но, к сожалению, это не работает.

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

Как я могу решить проблему?

С уважением.

Answer 1

Try вынимая $scope.apply

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

См работает пример: http://plnkr.co/edit/OVsKcDebdNhxgCfdig4q?p=preview

Answer 2

Просто сделать это в регуляторе директивы:

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

      } 
}}); 

Answer 3

Самый короткий путь:

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