Here is the directive definition I have created:
myApp.directive('myCategory', [function () {
return {
restrict: 'E',
scope: {
category: '=someCategory',
},
templateUrl: 'category.html',
controller: 'CategoryCtrl'
};
}])
Sometimes, I have a fixed category name and use my directive like this:
<my-category some-category="flowers"></my-category>
But other times, the category needed is based on dynamic data, so I call a function from my controller:
<my-category some-category="getCategory()"></my-category>
Is it possible to achieve this?
Currently, I am facing an issue with my directive controller, CategoryCtrl:
In case 1: $scope.category is undefined.
In case 2: $scope.category contains the correct name returned by the function.
Can someone assist me in resolving this problem? What am I doing wrong here?