angularjs - 如何在 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);

Fiddle