angularjs指令未加载

Question

我试图在angularjs应用中实现turn.js，当我单击一个链接时，该链接指向当时没有加载我的自定义指令的页面。 如果我按F5键，则自定义指令正在加载并且turn.js正常工作。

我的自定义指令是这样的

app.directive "turnJs", ->
  alert "loaded"
  restrict: "A"
  link: (scope, element, attrs) ->
    $(element).turn scope.$eval(attrs.turnJs)
    return

我的看法是这样的

<div class="butiknamncontainer" id="magazine" turn-js>
  <div>
    dfdssdfs
  </div>
  <div>
    sdffsdfsf
  </div>
</div>

有什么办法可以在执行ng-click时加载指令？

Answer 1

您需要在应用程序的第一页中包含指令定义，以便Angular知道在HTML中遇到指令时该怎么做。

刷新时它起作用的原因是，Angular随指令定义一起引导加载（请查看URL中的井号标签）。

而在没有该文件的情况下启动Angular时（例如，您的标签中没有任何内容），Angular不知道以后遇到该指令时该怎么做。 因此，它被忽略。