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

【问题标题】：How to create Custom ng-repeat without using angular.js?如何在不使用 angular.js 的情况下创建自定义 ng-repeat？
【发布时间】：2023-04-07 17:12:01
【问题描述】：

我正在尝试使用 json 从服务器获取数据并将其处理为 html。如果我在 javascript 上编写代码，当我再次扫描我的代码时，这将非常难以编写并且真的不清楚理解，因为我将获取数据并使用 jquery append 将数据附加到 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）。我怎样才能做到这一点？

【问题讨论】：

周围众多的模板库
@charlietfl 你能举个例子来解决这个类似于angular.js的问题吗？
您搜索过模板库吗？这些示例都将在每个站点中都有
@charlietfl 我搜索了很多，但我总能找到包含 angular.js 库的东西
一定不能正常搜索google.com/…

标签： javascript jquery angularjs json html

【解决方案1】：

我找到了非常简单的方法，没有任何模板库。只需在每一行的末尾写 \ 标记，本机，非常简单易读。在我的情况下，我有很多 if else 语句，很多添加新变量，即为什么我不能使用角度或那种东西，我会简单地使用 \ 标记来换行。

【讨论】：