CODEWITHSUNDEEP
javascriptangularjs
Abdul Hamid
Abdul Hamid

Reputation: 208

Calling scope.$parent.function outside the directive in a controller

i have this function inside my directive link function:

scope.$parent.resetData(){
   scope.data = '';
}

in my html:

<ul ng-model="selectedObject">
  <li>{{ object.label }}</li>
</ul>
<button ng-click="resetData()">reset!</button>
<directive data={{ selectedObject.dataset }}></directive>

and in my app.controller

$scope.$watch('selectedObject', function(){
   $scope.resetData(); //this cant be used 
});

i cant use $scope.reset() in the controller scope, is there a way to be able to re-use that function in the simpliest way instead of doing a factory/service for this dataset?

Upvotes: 0

Views: 32

Answers (2)

sillysicko
sillysicko

Reputation: 126

If you insert a ctrl argument to the link function You can talk directly to the parent controller

    link: function(scope, el, attr, ctrl) { 
        scope.isSmall = function(){
            return ctrl.isSmall();
        };
     }

At least that's how it works for me

Upvotes: 0

toddmo
toddmo

Reputation: 22406

Feed the directive selectedObject instead of selectedObject.dataset and let it manage the reset internally.

It would be more encapsulated, which would be good. If changing selectedObject always resets the data, thinking of the directive as a component and having the logic inside makes it more self-contained. That way outside code doesn't have to worry about helping the directive do its job.

Upvotes: 1

Related Questions