如何使用AngularJs从JSON动态生成HTML？

Question

我正在尝试使用AngularJs制作一个通用的JSON漂亮版本。

了解一个漂亮的打印机是什么：https://github.com/padolsey/prettyPrint.js

我不知道如何使用angular进行此操作，我猜测嵌套的transcluded指令，但是我遇到了嵌套转换行为正常的问题。 （例如：http://plnkr.co/edit/CHsGHCt3SU3N5MCJxwTV?p=preview）

如果你能为我提供一个更好的路径来动态生成基于JSON的html（使用Angular），我会很感激！

Answer 1

您可以修改angularTreeview来源以输出您想要的html

if( attrs.angularTreeview ) {

    //create tree object if not exists
    scope[treeId] = scope[treeId] || {};

    //if node head clicks,
    scope[treeId].selectNodeHead = scope[treeId].selectNodeHead || function( selectedNode ){

        //Collapse or Expand
        selectedNode.collapsed = !selectedNode.collapsed;
    };

    //if node label clicks,
    scope[treeId].selectNodeLabel = scope[treeId].selectNodeLabel || function( selectedNode ){

        //remove highlight from previous node
        if( scope[treeId].currentNode && scope[treeId].currentNode.selected ) {
            scope[treeId].currentNode.selected = undefined;
        }

        //set highlight to selected node
        selectedNode.selected = 'selected';

        //set currentNode
        scope[treeId].currentNode = selectedNode;
    };
}