Meteor AngularJS application not loading directive

Question

I have a simple directive, <my-directive></my-directive>

client/scripts/directives/myDirective.directive.js:

angular
  .module('myApp')
  .directive('myDirective', myDirective);

function myDirective() {
  return {
    restrict: 'AE',
    scope: {
      data: '='
    },
    templateUrl: "'/client/templates/partials/liftOwnerConfirmedRiders.html'",
  };
}

client/templates/partials/myDirective.html:

<p>Hi. How are you?</p>

Why will the text not show when I use the directive in another page?

Answer 1

I had troubles with displaying meteor-angular directives, but they were gone when I've added ['angular-meteor'] to my module definition:

angular.module('myApp', ['angular-meteor'])

Also, my templateUrl differs from yours. It starts without slash :

templateUrl: 'client/templates/tabset.html'

Answer 2

This most commonly happens to me when I fail to reference the directive JS (and any dependencies) in the page. If you don't load the directive in the page where it's used then it will just be ignored by the browser and won't even throw an error in the console (unless it's missing a dependency too).

As Claies writes, we need more context if you want more than generic responses like this.