javascript - 如何编写 jQuery 风格的 ng-repeat

Question

我习惯使用 AngularJS 进行数据绑定(bind)并通过其指令将数据显示到前端。

基本上我已经编写了一个 jQuery 函数来从 .JSON 文件中获取一些数据:

$(document).ready(function() {
    var myItems;
    $.getJSON("../assets/data/address.json", function(data) {
        myItems = data.Addresses.AddressList;
        console.log(myItems);
    });
});

如何在 <li> 中重复 myItems 中的所有项目？

从 Angular 来看，它看起来像:

<ul>
    <li ng-repeat="address in myItems">
        {{ address.HouseNumber }}, {{ address.Street }}, {{ address.Postcode }}
    </li>
</ul>

我怎样才能在不需要使用 Angular 的情况下让它工作？

Answer 1

HTML:

<ul id="example">

</ul>

脚本:

$(document).ready(function() {
    var myItems;
    $.getJSON("../assets/data/address.json", function(data) {
        myItems = data.Addresses.AddressList;
        $.each( myItems , function( index, address){
            $('#example').append('<li>'+ address.HouseNumber+', etc..' + '</li>');
        });
    });
});