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不知道以后遇到該指令時該怎么做。 因此，它被忽略。