मैं कोणीय का उपयोग करके डेटा विशेषताएँ कैसे लिख सकता हूं?

Question

जब मैं इस तरह से data attributeअपने में एक का उपयोग करने की कोशिश template:

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

Angular 2 के साथ दुर्घटनाओं:

अपवाद: टेम्प्लेट पार्स त्रुटियां: 'खंड' के लिए बाध्य नहीं हो सकती क्योंकि यह एक ज्ञात मूल संपत्ति नहीं है ("

] data-sectionvalue = "{{section.value}}"> {{section.text}}

मुझे स्पष्ट रूप से वाक्य रचना के साथ कुछ याद आ रहा है, कृपया मदद करें।

Answer 1

इसके बजाय विशेषता बाइंडिंग सिंटैक्स का उपयोग करें

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

या

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

यह सभी देखें :

• कोणीय 2 में सशर्त विशेषता कैसे जोड़ें?

Comments

मैं डेटा विशेषता के मूल्य का उपयोग कैसे करूं?

— सीन डब्ल्यू

कृपया कुछ कोड के साथ एक नया प्रश्न बनाएं जो यह दर्शाता है कि आप क्या हासिल करने का प्रयास करते हैं।

— गुंटर ज़ोचौएर

यह Googles # 1 का जवाब होना चाहिए क्योंकि यह '' क्वेरी के लिए ज्ञात संपत्ति नहीं है, '' के लिए बाध्य नहीं कर सकता '' । यह टिप्पणी थोड़ी मदद कर सकती है ...

— netzaffin

@netzaffin यह एक उपयोगी उत्तर है, लेकिन मैं कई बार त्रुटि को बांध नहीं सकता। यह वास्तविक समस्या / समाधान था।

— स्टैक अंडरफ़्लो

Answer 2

पहुंच के बारे में

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

तथा

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