My company has a set of reusable angular directives in a managed package. I want to use them in my app but it doesn't seem to be working. The directive in question is a datapicker. that looks like this:

angular.module('nForceAngular.directives', [])

        return {
            link: function(scope, element, attrs){
                var options = {
                    'container': '.container-fluid',
                    'format': 'M d, yyyy',
                    'autoclose': true

                    options.format = attrs.format;


I include the directive (in a managed package called nFORCE) via

     <apex:includeScript value="{!URLFOR($Resource.nFORCE__angularCustomDirectives)}" />

My local angular module declares this as a dependency as

angular.module('paymentCalculatorApp', ['nForceAngular.directives']);

I then try to reference the directive via

<div nForceDatePicker="true"....

It works fine when the directive is included in the local module but not when it is in the managed package. I get no errors in the browser console and calling the jQuery function from the console causes it to work fine.

Any ideas?


You must log in to answer this question.

Browse other questions tagged .