Angulaire 2 attributs de données

Je me sens comme je suis en manque de quelque chose. Lorsque j'essaie d'utiliser un data attribute dans mon template, comme ceci:

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

Angular 2 se bloque avec:

EXCEPTION: Modèle erreurs d'analyse: ne Peut pas se lier à 'sectionvalue" depuis
ce n'est pas un indigène connue de la propriété ("

]données sectionvalue="{{ article.valeur }}">{{ section.texte }}

Je suis évidemment manque quelque chose à la syntaxe, s'il vous plaît aider.

InformationsquelleAutor Serj Sagan | 2015-12-31
  1. 393

    L'utilisation de l'attribut de la syntaxe de liaison à la place

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

    ou

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

    Voir aussi Comment ajouter un attribut conditionnel Angulaire 2?

    • comment puis-je accéder à la valeur de l'attribut de données?
    • Veuillez créer une nouvelle question avec un peu de code qui montre ce que vous essayez d'accomplir.
    • Cela devrait être Googles #1 réponse pour la vous ne Pouvez pas lier à " car il n'est pas connu de la propriété de " de la requête. Ce commentaire pourrait aider un peu...
    • Ce n'était tout simplement... merveilleux!
    InformationsquelleAutor Günter Zöchbauer
  2. 22

    Sur l'accès

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

    Et

    get_data(event) {
   console.log(event.target.dataset.sectionvalue)
}
    • Je ne sais pas pourquoi cette réponse a été downvoted! Merci @Max Shmelyov pour les informations sur l'obtention de la valeur en caractères d'imprimerie (à l'aide de la datasetde la propriété).
    InformationsquelleAutor Max Shmelyov