Funktion innerhalb der Direktive nicht ausgelöst

Question

Warum meine Funktion toggleCategory Funktion nicht ausgelöst wird?

Richtlinie

app.directive('asideFilter', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     toggleCategory: '=&onToggleCategory' 
    }, 
    transclude: true, 
    templateUrl: 'assets/directives/asideFilter/asideFilter.html', 
    link: function(scope, element, attrs){ 
    } 
    }; 
});; 

Richtlinie Vorlage

<div ng-click="toggleCategory({id: 'teste'})">TEST</div> 

Eltern Umfang

$scope.onToggleCategory = function() { 
    console.log('onToggleCategory'); 
    } 

Eltern Caller

<aside-filter toggle-category="onToggleCategory({id: 'test '})" categories="categories" /> 

Answer 1

Sie können die Parent-Controller-Funktion wie diese auch nennen

app.directive('asideFilter', function() { 
return { 
restrict: 'E', 
scope: { 
    toggleCategory: '&', 
}, 
transclude: true, 
templateUrl: 'assets/directives/asideFilter/asideFilter.html', 
link: function(scope, element, attrs){ 
scope.toggleCategoryClick = function (value) { 
scope.toggleCategory(value); 
    } 
} 
}; 
}); 

Richtlinie Vorlage

<div ng-click="toggleCategoryClick({id: 'teste'})">TEST</div> 

Richtlinie Element

<aside-filter toggle-category="onToggleCategory({id: 'test '})" categories="categories" />