I have a textarea and need to calculate how many characters have been typed into it.

Both of the following solutions work correctly—which would be preferable, and why? Is there an even better way to implement it?

Option A:

<textarea 
   id="descriptionEducation" 
   name="description" 
   rows="5" 
   [(ngModel)]="fruit.description"></textarea>

<div class="form-row__description">
    You have written {{ fruit.description.length }} characters
</div>

Option B:

<textarea 
   id="descriptionEducation" 
   name="description" 
   rows="5" 
   [ngModel]="fruit.description" #descriptionFruit></textarea>

<div class="form-row__description">
    You have written {{ descriptionFruit.value.length }} characters
</div>