Javascript 如何在angular中创建div并设置class属性？

我有这段代码，它与javascript一起工作，我想创建一个div和一个类，如何使用angular实现同样的功能

buildPhotoStruct() {
          var rowContainer = document.getElementById("row-container");
    
          var photoContainer = document.createElement("div");
          photoContainer.className = "photo-container"; 
          
          var photoDiv = document.createElement("div");
          photoDiv.className = "photo"; 
    
          var img = document.createElement('img');
          img.src = '../../assets/img/leopard.jpg';
    
          var button = document.createElement('button');
    
          photoDiv.appendChild(img);
          photoContainer.appendChild(photoDiv);
          photoContainer.appendChild(button);
          rowContainer.appendChild(photoContainer);
      }

---

检查您可能需要阅读Angular的文档中的image和src属性。angularjs angular只需为此创建一个组件，以您想要的方式构造，如果是基于列表添加多个，您可以在组件上使用ngFor，并根据需要填充数据