如何在模板中通过标签引用映射获取对象对应属性值？

哦，我懂你的问题啦！你现在写的{{object.value.name}}是在尝试访问object里名为value的固定属性，而不是用你定义的value变量的值作为属性名，这就是报错的根源。

正确的写法 #

你需要用方括号语法来动态访问对象属性，把模板代码改成这样就行：

<h1 style="font-size: 20px;">{{ object[value] }}</h1>

为什么这样可行？ #

因为value变量存的是字符串'name'，object[value]就等价于object['name']，刚好能拿到你想要的Afzil值。而点语法（.）只能用来访问固定名称的属性，没办法把变量解析成属性名来用。

完整示例参考 #

组件的TypeScript代码：

export class YourComponent {
  object: Object = { 'name': 'Afzil' };
  value: string = 'name';
}

模板代码：

<h1 style="font-size: 20px;">{{ object[value] }}</h1>

这样运行后就会输出你期望的结果：<h1 style="font-size: 20px;">Afzil</h1>

内容的提问来源于stack exchange，提问作者user2024080