Comment ajouter un champ de titre à chaque p-colonne en utilisant ng-template

Question

Je suis nouveau sur ng-templates. J'ai réussi à faire en sorte que chaque colonne représente correctement chaque nom, mais essayait d'ajouter un champ de titre à chacun pour qu'une info-bulle survole avec le nom complet, au cas où le nom est plus grand que la cellule de données. Le champ name fait partie d'une version de CRUD p-datatable.

Merci !!! Voici un extrait de code.

<p-column field="name" header="Name" [sortable]="true" > 
    <ng-template let-con="rowData" title="rowData" >  
     <span title="rowData"></span> 
    </ng-template> 
    </p-column> 

Answer 1

Eh bien, je ne sais pas ce que le p-datatable est, mais normalement la liaison de données est effectuée à l'aide propriété de liaison avec des crochets comme ceci:

[title] = "rowData" 

Où « rowData » est une propriété de votre classe de composant.

Answer 2

title = "{{rowData}}" (changez-le dans votre balise span) devrait faire l'affaire!