Javascript ngtemplateoutlet位于两个不同的回路内
我需要在两个不同的地方重复相同的代码 和profile2是数组。我想重复相同的html代码,而不重复他们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
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}岁。
第一批
第二批
-你能分享一下斯塔克比尔茨吗