Angular组件动态属性绑定失败求助：如何动态访问对象属性

在Angular的属性绑定（[]）语法内部，不能混用插值表达式{{}}——因为[]本身就是用来书写TypeScript表达式的上下文，插值语法在这里不会被解析。

要实现动态对象键名的访问，需要使用方括号属性访问语法，把变量名放在方括号内，替代原来点语法中的固定键名。

修正后的代码如下：

<test-component
    [title]="data?.[name]?.title"
></test-component>

只需确保组件类中定义的name变量值为"Kevin"，即可正确获取对应对象的title属性值并传递给子组件。

内容的提问来源于stack exchange，提问作者Santosh Shiva Kumar