如何在Angular中创建动态元素

Question

我想创建一个动态列表，该列表是我从json文件中检索到的数据。我的搜索结果仅使我知道如何创建动态组件，但是我只需要一个列表。

在JS中，我可以使用以下代码来做到这一点。

let newDiv = document.createElement("div");
newDiv.setAttribute("class", "dynamicBox")
document.getElementById("target").appendChild(newDiv);

当我在angular中使用此代码时，我可以在检查器模式下看到div，但是CSS并未应用到它。动态创建divs / lists和其他元素的正确方法是什么？有人能指出我正确的方向吗？

谢谢。

Answer 1

您应该这样使用* ngFor

  <li *ngFor="let item of items">
    <div [ngClass]="item.class">{{item.data}} </div>
  </li>