mdbInput text-capitalize class

Dear @1001albertpadilla

Below an example of simple function which capitalize the first letter of all words in a string:

TS

text: string;

  ucFirstAllWords(str: string) {
    const pieces = str.split(' ');
    for (let i = 0; i < pieces.length; i++) {
      let j = pieces[i].charAt(0).toUpperCase();
      pieces[i] = j + pieces[i].substr(1);
    }
    return pieces.join(' ');
  }

and HTML

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <div class="md-form">
        <input
          mdbInput
          type="text"
          name="text"
          [ngModel]="text"
          (ngModelChange)="text = ucFirstAllWords($event)"
          id="form1"
          class="form-control form-control-sm custom-input-font text-capitalize"
        />
        <label for="form1" class="">Example label</label>
        <p>Look at me! {{ text }}</p>
      </div>
    </div>
  </div>
</div>

Hope it helps!

Best Regards, Bartosz.