Angular > 2 动态对象键导致模板解析错误答案

【问题标题】：Angular >2 Dynamic object key causing template parse errorAngular > 2 动态对象键导致模板解析错误
【发布时间】：2017-10-24 01:21:45
【问题描述】：

当尝试在事件绑定表达式中使用变量为键放置值时，出现模板解析错误：Parser Error: Unexpected token [, expected identifier, keyword, or string at column... 我的表达是： (ngModelChange)="action.emit({type: 'CACHE_SELECTED_COMPANY', payload: { [selectedCompany.id]:{selected: true, details: false}}})"

我认为在 [方括号] 中为键提供变量名是允许的，我的问题是，我是否应该能够在 Angular 2 模板的事件绑定表达式中提供一个变量作为键？

【问题讨论】：

标签： angular angular2-template computed-properties event-binding

【解决方案1】：

计算属性当前为not supported in templates。

模板可以重构为不使用计算属性：

(ngModelChange)="action.emit({type: 'CACHE_SELECTED_COMPANY', payload: getPayload(selectedCompany.id})"

或整个action.emit(...) 可能被移动到模型更改回调。

【讨论】：

谢谢你，这消除了我的困惑！ :)