Angularjs 如何将动态组件传递到Angular 1中的容器组件

是否有方法传递在运行时定义的组件，以便在Angular 1中渲染另一个组件的内部？这是React库的一种相当常见的模式，但我不知道这在Angular中是如何工作的

下面是一个示例：

  const List = ({items, ListItem=DefaultListItem}) => {
    return (
      <ul>
        {items.map((item) => (
          <ListItem key={item.id} item={item}/>
        ))}
      </ul>
    );
  }

  // Then later on, you'd define a custom list item:
  <List items={items} ListItem={CustomListItem}/>

const List=（{items，ListItem=DefaultListItem}）=>{
返回(

{items.map（（item）=>(
))}

);
}
//然后，您将定义一个自定义列表项：

---

我知道用

ng transclude

和

ng include

在Angular 1中定义动态子级的一些方法。但是这些方法在通过数组进行迭代的情况下不起作用，每次迭代呈现一个自定义组件。如何使用Angular实现这一点？

解决这一问题的方法是使用指令。这是一个例子，它将是：

<ul ng-repeat="obj in collection track by $id(obj)">
    <li>{{obj.prop}}</li>
</ul>

{{obj.prop}}

什么是

obj.prop

？obj.prop是对象的属性。e、 g.Obj=}a:apple，b:2，3:null}然后Obj.a==apple或Obj.c==null