我们可以在另一个插值中访问插值吗？

Question

我试图使用另一个插值内的插值来显示1个值。例如：

<div *ngFor="let det of values">
{{det.firstname}}{{det.lastname}}
</div>

以上将打印正常，但现在名字和姓氏将是动态的，并将来自另一个变量名称，例如：

<div *ngFor="let det of values">
<span *ngFor="let n of names">(n will contain firstname and lastname)
{{det.n}}
</span>
</div>

我可以请求就此提出建议。我怎样才能做到这一点。

Answer 1

det.n，'n'是属性名，所以不能是动态的;

你可以将det作为一个数组，如下所示：

var det=[];
det['jack']='boy';
det['tom']='boy';

然后你可以用det ['jack']获得值，你会得到'boy'的值;

Answer 2

可以通过以下方式实现：

values: any[] = [
    { "firstName": "fname1", "lastName": "lname1" },
    { "firstName": "fname2", "lastName": "lname2" }
];

names: any[] = [ "firstName", "lastName" ];

<div *ngFor="let det of values">
    <span *ngFor="let n of names"> {{ det[n] }} </span>
</div>