如何在 Angular 的客户指令模板中包含其他指令

Question

我写了一个简单的自定义指令。该指令中的模板包括其他指令（例如 ui-sortable）。因为它并不总是使用 ui-sortable，所以我在链接阶段添加它。然而，它似乎并不适用：

        link: function ($scope,$element,attrs) {
attrs.$observe('admin', function(value) {
  if ($scope.admin) {
        $element.find("span").html("true");
      $element.find("ul").attr("ui:sortable","sortableOptions");
  }
});
    }

完整的小提琴示例在这里： http://jsfiddle.net/VjfEf/4/

有两个列表。第一个直接使用ui-sortable并拖放/排序工作，第二个使用我的自定义members指令。该指令确实有效，它呈现，但以与第一个指令完全相同的方式添加ui-sortable没有影响，拖放/排序也不会。

我假设我对自定义指令的处理阶段有所了解，并且需要向我的自定义指令添加一些内容？

Answer 1

你需要编译新添加的 HTML。

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

小提琴