Angularjs + Directive + mfb = Not working

Question

I’m new to angular and I’m testing directives.

I have this scenario:

angular.module(module)
        .directive(directive, function () {
            return {               
                templateUrl:template            

            };
        });

<ul class="mfb-component--br mfb-slidein" data-mfb-toggle="click" data-mfb-state="closed"  ng-controller="tamboro.menu.quick.controller" >
    <li class="mfb-component__wrap">
        <a data-mfb-label="Fechar" class="mfb-component__button--main">
            <i class="mfb-component__main-icon--resting ion-plus"></i>
            <i class="mfb-component__main-icon--active ion-close"></i>
        </a>
        <ul class="mfb-component__list">
            <li>
                <a href="#/help" data-mfb-label="Ajuda" class="mfb-component__button--child">
                    <i class="mfb-component__child-icon ion-help"></i>
                </a>
            </li>            
        </ul>
    </li>
</ul>

Would anyone know the way to make it work? = / Out of directive (putting in a .html) works