Javascript ngtemplateoutlet位于两个不同的回路内

Javascript ngtemplateoutlet位于两个不同的回路内,javascript,angular,typescript,Javascript,Angular,Typescript,我需要在两个不同的地方重复相同的代码 和profile2是数组。我想重复相同的html代码,而不重复他们 profile1 = [{name : 'mr.A1',age : 25 }, {name : 'mr.B1',age : 23}]; profile2 = [{name : 'mr.A2',age : 25 }, {name : 'mr.B2',age : 23}]; <ng-contai

我需要在两个不同的地方重复相同的代码 和profile2是数组。我想重复相同的html代码,而不重复他们

   profile1 = [{name : 'mr.A1',age : 25  },
                {name : 'mr.B1',age : 23}];
   profile2 = [{name : 'mr.A2',age : 25  },
                {name : 'mr.B2',age : 23}];


      <ng-container *ngFor="let x of profile1">
      <ng-template #templateRef>
       <p> {{x.name}}</p>
      <p> {{x.age}}</p>
      </ng-template>
      <ng-template [ngTemplateOutlet]="templateRef"></ng-template>
      </ng-container>

     // above code shows the result
      mr.A1
      25
      mr.B1
      23

      // below code shows nothing

    <ng-container *ngFor="let x of profile2">
     <ng-template [ngTemplateOutlet]="templateRef"></ng-template>
    </ng-container>

    // i want following results using ngTemplateOutlet
      mr.A2
      25
      mr.B2
      23
profile1=[{name:'mr.A1',年龄:25},
{姓名:“B1先生”,年龄:23}];
档案2=[{姓名:“A2先生”,年龄:25},
{姓名:“B2先生”,年龄:23}];
{{x.name}

{x.age}

//上面的代码显示了结果 A1先生 25 B1先生 23 //下面的代码没有显示任何内容 //我希望使用ngTemplateOutlet获得以下结果 A2先生 25 B2先生 23
这种动态行为最适合自定义组件

但如果您想采用这种方式,请知道必须使用
ngTemplateOutletContext
将数据发送到模板引用

这是这样做的:


{{person?name}}是{{person?age}岁。
第一批
第二批

-

你能分享一下斯塔克比尔茨吗