javascript - 递归指令不起作用

Question

我正在尝试创建自定义递归指令。但这不起作用 我遵循此处定义的方法

Recursion in Angular directives

这是 fiddle

http://jsfiddle.net/x6kvwzuk/

仅存在根菜单项。 children 不在场。

菜单的 JSON 格式如 fiddle 所示。

{
   menus : [
      {
         displayName : 'somename'
         submenus : [
           // array of menu objects
         ]
      },
      {
         displayName : 'somename2'
         submenus : [
           // array of menu objects
         ]
      }
   ]
}

如何解决这个问题？

Answer 1

您已经很接近了，但您需要复制实际将编译内容添加到元素的位。

compiledContents(scope, function(clone){
    iElement.append(clone);
});

http://jsfiddle.net/x6kvwzuk/1/

顺便说一句，如果您将所有递归逻辑移至服务中，那么维护代码(并单独测试它)可能会更容易，如您引用的方法中所述。像这样的:http://jsfiddle.net/u998oxxz/1/