如何使用AngularJs從JSON動態生成HTML？

Question

我正在嘗試使用AngularJs製作一個通用的JSON漂亮打印。

對於一個想法prettyprinter是什麼：https://github.com/padolsey/prettyPrint.js

我不知道怎麼樣，我猜嵌套transcluded指令具有角做到這一點，但我得到的嵌套transcludes正確的行爲有問題。 （例如：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; 
    }; 
}