如何在不使用AngularJS ng repeat的情况下将javascript数组数据绑定到纯JS中的列表？

我有一个Javascript对象数组，保持简单，比如说一个过滤器选项数组。每个过滤器都有自己的值集，以及名称值。我希望能够将其与删除和添加功能一起加载到html列表中

我知道在AngularJS中，如果我想这样做，我可以键入一个简化的：

<input ng-click="Create_New_FilterOption()" />
<div ng-repeat="filterOption in filterOptions">
    <div>
        Name: {{filterOption.Name}}
        Age: {{filterOption.Age}}
        ..... LOADS OF OTHER VALUES WHICH ARE IN JSON FORMAT AND NOT CHANGED......
        <input ng-click="DoSomething()" />
        <input ng-click="Delete_FilterOption(filterOption)" />
    </div>
</div>

但是，删除过滤器选项会弄乱订购系统（过滤器选项-[ArrayPos]ID），然后添加新元素会进一步弄乱现有的过滤器选项-[ArrayPos]ID。同样依赖elementID来提供它在FilterOptions[]中的位置似乎是错误的

---

有没有其他方法可以将Javascript对象数组绑定到元素？

使用

ng repeat

的用例有什么缺点？@Claies-这里有一个用例：不使用angular。好吧，那为什么还要首先提到angular？如果不显示您不想要的内容，它会更有帮助，你会表现出你想要什么。显示一个示例对象结构，并且一个所需的输出（您正在寻找的“列表”的一个片段）绑定是一个依赖于观察者模式的设计模式。到目前为止，Javascript中还没有可观察对象。js和其他框架所做的是模拟可以绑定到DOM元素的可观察集合（反之亦然）。如果要将UI元素绑定到对象，第一步是使该对象可见。

id="filter-option-[ArrayPos]"