how to add tooltip in angular for multiple items in an object

JavaScript
<mat-card>
   
    <button mat-raised-button #tooltip="matTooltip"
            matTooltip="Manually triggered tooltip">
             Manual Tooltip
    </button>
   

    <button mat-button
            (click)="tooltip.show()">
      show
    </button>
    <button mat-button
            (click)="tooltip.hide()">
      hide
    </button>
    <button mat-button
            (click)="tooltip.toggle()">
      toggle
    </button>

    </mat-card>


Source

Also in JavaScript: