如何不使用angular.js创建自定义ng-repeat？

Question

我正在尝试从服务器获取带有json的数据并将其处理为html。如果我在javascript上再次编写代码，这将很难编写并且很难理解，因为我将获取数据并使用jquery append附加数据到html元素，我应该添加很多html inline。例如：

 $.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）。如何实现呢？

Answer 1

我发现了一种非常简单的方法，没有任何模板库。只需在每行末尾写\\标记即可，本机，非常简单易读。使用棱角之类的东西，我将只使用\\标记只是换行。