Ion-header-bar using Custom Directive

ionic-v1
1

Hi All,

I am new on ionic but need to know 1 thing. It might be basic but I am not able to sort it out.

I have a directive which returns a templateurl. Given below.

angular.module(‘starter.controllers’, [])
.directive(‘contentHtml’, function () {
return {
restrict: ‘E’,
link: function (scope, element, attrs) {
// some ode
},
templateUrl: function (elem, attrs) {
return ‘templates/avatar.html’
}
}
});

And I am using this directive in following way.

<ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
        <content-html></content-html>
    </ion-header-bar>
    <ion-content>
        <ion-list>
            ...........
        </ion-list>
    </ion-content>
</ion-side-menu>

My directive is not being called. Am I doing something wrong? Or we are not allowed to do such thing?

Thank you in advance

2

Hi RafiqAhmed,

Why you making function and returning the url… you can directly give url to that TempletUrl…Have you tried that also???

3

I have just made the directive which returns me a view. The point is my directive is not called. Does my HTML is not recognizing my directive?