如何在传递对象属性作为参数时使用连字符

Question

我试图将对象属性作为参数传递。对象键包含连字符。

对象

{ 
    "section-id": 1, 
    ... 
} 

HTML

<div *ngFor="let section of sections" 
(trackScrollLeave)="leave(section.section-id)"></div> 

组件

ngOnInit() { 
    this.retrieveDataService.fetchData().subscribe(data=>{ 
      this.sections = data; 
     }); 
    } 

    leave(value) { 
    console.log('Scroll left '+ value); 
    } 
} 

它的输出NAN在控制台中。如果使用骆驼案例sectionId，它可以工作。

Answer 1

的代码被读出它作为section.section - 编号（未定义 - 未定义= NAN）尝试上托架属性访问

<div *ngFor="let section of sections (trackScrollLeave)="leave(section['section-id'])"></div> 

资源 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors