Templates 带有可自定义节点模板的AngularJS中的树视图

Templates 带有可自定义节点模板的AngularJS中的树视图,templates,angularjs,treeview,Templates,Angularjs,Treeview,我想创建一个指令,使用特定的HTML模板呈现节点,该指令将获取类似于树的数据并将其提供给某个树视图脚本(使用标记作为输入)。所以,该指令将数据+节点模板作为输入,插入DOM子树,然后调用第三方插件使其可排序(如果这很重要的话,这是我的想法) 我有一个解决办法,但这远远不够优雅。以下是HTML代码(完整示例可在以下网址找到): {{leaf.name} 所需的代码如下所示: {{leaf.name} 目标: (不太重要)将所有实用程序模板放入指令JavaScript代码中 (更重要

我想创建一个指令,使用特定的HTML模板呈现节点,该指令将获取类似于树的数据并将其提供给某个树视图脚本(使用标记作为输入)。所以,该指令将数据+节点模板作为输入,插入DOM子树,然后调用第三方插件使其可排序(如果这很重要的话,这是我的想法)

我有一个解决办法,但这远远不够优雅。以下是HTML代码(完整示例可在以下网址找到):


{{leaf.name}
所需的代码如下所示:


{{leaf.name}
目标:

  • (不太重要)将所有实用程序模板放入指令JavaScript代码中
  • (更重要的是)将标记的内容用作节点模板
  • 但我找不到解决办法

    对于第1点:我可能需要使用
    $templateCache
    预缓存我的模板?使用一些唯一的模板名称?有没有更好的解决办法


    对于第2点:我是否应该对第2页使用
    ngTransclude
    ?如果是,如何进行?在编译之前,有没有一种方法可以将初始标记的内容作为字符串获取?

    下面的链接具有指导性,希望这可能会对您有所帮助。如果有人在寻找答案,我认为这会很有帮助