DataTable in Angular How can I change the language

Question

how to change language for DataTable from english to french in Angular this is my Code

<table #mytable *ngIf="utilisateurs" datatable class="row-border hover">
<thead>
    <tr>
        <th>Nom</th>
        <th>Prenom</th>
        <th>Email</th>
        <th>Preference</th>
        <th>Pointe Vente</th>
        <th>Type Utilisateur</th>
        <th>Date Creation</th>
        <th>Action</th>
    </tr>
</thead>
<tbody>
    <tr *ngFor="let u of utilisateurs">
        <td>{{ u.nom }}</td>
        <td>{{ u.prenom }}</td>
        <td>{{ u.email }}</td>
        <td>{{ u.preference }}</td>
        <td>{{ u.nomPointeVente }}</td>
        <td>{{ u.typeUtilisateur }}</td>
        <td>{{ u.dateCreation }}</td>
        <td><i title="editer"  (click)="editer(u)"  class="fas fa-user-edit" style="margin:10px; "   
            data-toggle="modal" data-target="#myModaledit"></i>  <i title="supprimer" class="fas fa-user-times" style="margin:10px; "></i>  <i title="details" class="fas fa-info-circle"style="margin:10px; "></i>  </td>
    </tr>
</tbody>

and this is the correction in JQuery Haw can i do this in angular

<script type="text/javascript">
$(document).ready(function() {
    $('#example').dataTable( {
        "language": {
            "url": "dataTables.german.lang"
        }
    } );
} );

Answer 1

This is a good example of changing the language in datatables: in your exemplecomponent.ts file

dtOptions: any  = {};

  ngOnInit(): void {
    this.dtOptions = {
      language: {
        processing:     "Traitement en cours...",
        search:         "Rechercher :",
        lengthMenu:    "Afficher _MENU_ éléments",
        info:           "Affichage de l'élement _START_ à _END_ sur _TOTAL_ éléments",
        infoEmpty:      "Affichage de l'élement 0 à 0 sur 0 éléments",
        infoFiltered:   "(filtré de _MAX_ éléments au total)",
        infoPostFix:    "",
        loadingRecords: "Chargement en cours...",
        zeroRecords:    "Aucun élément à afficher",
        emptyTable:     "Aucune donnée disponible dans le tableau",
        paginate: {
            first:      "Premier",
            previous:   "Précédent",
            next:       "Suivant",
            last:       "Dernier"
        },
        aria: {
            sortAscending:  ": activer pour trier la colonne par ordre croissant",
            sortDescending: ": activer pour trier la colonne par ordre décroissant"
        }
    },
      pagingType: 'full_numbers',
      pageLength: 10,
      processing: true,
    };
  }