オブジェクトプロパティを引数として渡してハイフンを使用する方法

Question

引数としてオブジェクトプロパティを渡そうとしています。 Objectキーにハイフンが含まれています。

オブジェクト

{ 
    "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); 
    } 
} 

それはを出力していますをコンソールに表示します。キャメルケースsectionIdを使用している場合は動作します。コードはsection.sectionとしてそれを読んでいる

Answer 1

- ID（不定 - 不定=のNaN） - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors

ブラケットプロパティアクセサに

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

リソースを試します