Custom Angular Directive Causing Page Load Issues

[Rose Hulman]

I've created a custom Angular directive, as an element and added it within a page, but when the page loads it loads/renders in everything up to and including the custom directive (which is a piece of navigation) and doesn't render anything else on the page. There are no JavaScript errors in the console either. Any suggestions?

(function(){

var mainApp = angular.module('mainApp', []);

    mainApp.directive('flyoutNav', function(){

    

        return {

            restrict: 'E',

            replace: false,

            templateUrl: '/render/file.act?path=/assets/templates/flyout-nav-template.html',

            scope: {}       

        }

    });

}());

[Tito]

is render the root folder?

in my case this is folder structure

app/

   vmrequest

      

app/vmrequest/vmrequest.myrequests.html