如何在不使用angular.js的情况下创建自定义ng-repeat？

Question

我正在尝试使用json从服务器获取数据并将其发送到html。如果我在javascript上编写代码，那么当我再次扫描我的代码时，这将非常难以理解并且真的不清楚，因为我将获取数据并使用jquery追加将数据附加到html元素，我应该添加大量的html内联。例如：

 $.getJSON( "json.php", function( json ) {


 $.each( json, function( key, data ) {


 $('#content').append('<a href="www.example.com" ><li class="class" id="id" >+data.type+</li></a><a href="www.example.com" ><li class="class1" id="id2" >+data.type1+</li></a><a href="www.example.com" ><li class="a" id="id3" >+data.type2+</li></a><a href="www.example.com" ><li class="d" id="id4" >+data.type3+</li></a><a href="www.example.com"><li class="h" id="id5" >+data.type4+</li></a><a href="www.example.com" ><li class="fg" id="id6" >+data.typ5e+</li></a><a href="www.example.com" ><li class="gfh" id="id7" >+data.type6+</li></a><a href="www.example.com" ><li class="example213" id="id8" >+data.typ7e+</li></a>');
enter code here

想象一下它会比这更大，我应该在javascript中编写很多内联html，这将是令人难以置信的难以理解。解决方案是Angular.js ng-repeat因为我可以编写非常规的html，这很容易阅读所有开发人员都很容易写，但我不想使用angular.js因为它很慢，它包含很多字节，我只想使用它的两个方法（ng-repeat with databinds）。我怎么能得到这个？

Answer 1

我找到了非常简单的方法，没有任何模板库。只需写入每个行的标签结尾，原生，非常简单和可读。在我的情况下，我有很多if else语句，很多添加新变量，为什么我不能使用角度或那种东西，我只会使用\ tag只是断线。