Ne peut pas se lier à la "cible" car il n'est pas connu de la propriété de 'div'

J'obtiens cette erreur lors de la mise en œuvre de l'effondrement de la fonctionnalité:

Erreur: Modèle erreurs d'analyse: ne Peut pas se lier à la "cible" car ce n'est pas un
connu de la propriété de 'div'

app.component.html:

<div *ngFor = "let ele of elements; let RowIndex = index">
    {{ele.name}} 
    <button data-toggle="collapse" 
            data-target="#demo{{RowIndex}}">Toggle
    </button>
    <div id="demo{{RowIndex}}" class="collapse">Lorem Ipsum</div>

</div>

Mais si j'utilise simplement data-target="#demo" , qui fonctionne bien. Mais quand je suis de liaison {{RowIndex}} que sa montre l'erreur.

Double Possible de Angulaire 2 attributs de données
Pourquoi vous avez besoin de données d'attributs dans angulaire?

OriginalL'auteur Er Vipin Sharma | 2017-04-13

  1. 68

    Vous avez manqué la propriété de liaison 

    <button data-toggle="collapse" 
        [attr.data-target]="'#demo'+ RowIndex">Toggle
</button>


<button (click)="clickMe($event)">Toggle</button>

clickMe(value){
    value.srcElement.innerHTML="Clicked";

  }
    marquer comme réponse andupvote .. 🙂 un Plaisir de vous aider
    Je n'ai pas l'obtenir de vous. élaborer
    je veux que mon texte 'Toggle' qui est écrit sur le bouton, sera modifiable quand j'ai cliqué sur le bouton, tout bascule.
    vous voulez changer de composant ou à partir d'où?
    quel que soit le moyen le plus facile. J'ai deux options.ts' et '.html' .

    OriginalL'auteur Aravind

  2. 19

    Utilisation angulaire de l'attribut de la syntaxe de liaison.

    Utiliser l'une des opérations suivantes:

    <button data-toggle="collapse" 
        attr.data-target="#demo{{RowIndex}}">Toggle
</button>

    ou

    <button data-toggle="collapse" 
        [attr.data-target]="'#demo' + RowIndex">Toggle
</button>
    Juste pour clarifier les choses, il ne compte pas comme un double de votre réponse si vous modifiez elle après le fait. C'était ma réponse avant que vous avez édité, non pas que je m'inquiète.

    OriginalL'auteur Amit

  3. 0

    utilisation de la propriété de liaison :
    attr.data-target="{{votre cible}}"

    OriginalL'auteur Achraf Farouky