angularjs - 嵌套指令未编译

Question

我创建了一个自定义指令，用于将模板加载到模式窗口中。模式窗口本身就是一个模板，并且能够毫无问题地运行我的自定义指令。加载到模式中的模板包含另一个指令，该指令使用angular-selectize创建一个选择列表。 。这是我的指令:

var dynamicTemplate = function($templateRequest, $compile) {

    return {
      restrict: "E",

      link: function(scope, element, attrs) {

        var modalOptions = JSON.parse(attrs.modalOptions);

        $templateRequest(modalOptions.Url).then(function(html) {

          $elem = $compile(html)(scope);   
          element.append($elem);
        });

      }
    }
  }

HTML 已正确加载，但 selectize 指令未初始化。

我也厌倦了 then 方法中的这个:

element.html(html)
$compile(element.contents())(scope);

这给了我同样的结果。

我遇到的问题是在编译 HTML 后收到此消息:

TypeError: element.selectize is not a function

这里是the plunk我正在与.

Answer 1

如果你想要angular.element要使用 jQuery，您必须在 Angular 加载之前将 jQuery 包含在页面中。

一旦更改脚本顺序，演示就可以正常工作

Updated demo