Làm thế nào tôi có thể viết các thuộc tính dữ liệu bằng cách sử dụng Angular?

Khi tôi cố gắng sử dụng một data attributetrong của tôi template, như thế này:

<ol class="viewer-nav">
    <li *ngFor="#section of sections" data-value="{{ section.value }}">
        {{ section.text }}
    </li>
</ol>

Angular 2 tai nạn với:

NGOẠI TRỪ: Lỗi phân tích mẫu: Không thể liên kết với 'giá trị phần' vì đây không phải là thuộc tính gốc đã biết ("

] data-partvalue = "{{part.value}}"> {{part.text}}

Tôi rõ ràng đang thiếu một cái gì đó với cú pháp, xin vui lòng giúp đỡ.

Sử dụng cú pháp ràng buộc thuộc tính thay thế

<ol class="viewer-nav"><li *ngFor="let section of sections" 
    [attr.data-sectionvalue]="section.value">{{ section.text }}</li>  
</ol>

hoặc là

<ol class="viewer-nav"><li *ngFor="let section of sections" 
    attr.data-sectionvalue="{{section.value}}">{{ section.text }}</li>  
</ol>

Xem thêm :

• Làm thế nào để thêm thuộc tính có điều kiện trong Angular 2?

Về quyền truy cập

<ol class="viewer-nav">
    <li *ngFor="let section of sections" 
        [attr.data-sectionvalue]="section.value"
        (click)="get_data($event)">
        {{ section.text }}
    </li>  
</ol>

Và

get_data(event) {
   console.log(event.target.dataset.sectionvalue)
}