Meteor AngularJS应用程序未加载指令

Meteor AngularJS application not loading directive

本文关键字:加载 指令 应用程序 AngularJS Meteor      更新时间:2023-09-26

我有一个简单的指令,<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>

为什么当我在另一个页面中使用指令时,文本不会显示?

我在显示流星角度指令时遇到了问题,但当我在模块定义中添加了[‘angular meteor’]时,它们就消失了:

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

此外,我的templateUrl与您的不同。它开始时没有斜线:

templateUrl: 'client/templates/tabset.html'

当我未能在页面中引用指令JS(以及任何依赖项)时,这种情况最常见。如果你不在使用该指令的页面中加载该指令,那么它将被浏览器忽略,甚至不会在控制台中抛出错误(除非它也缺少依赖项)。

正如Claies所写,如果你想要的不仅仅是像这样的一般性回应,我们需要更多的上下文。