如何在Angular的customer指令模板中包含其他指令？

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);

Fiddle