Показывать количество символов при наборе текста в текстовом Angular 5 - PullRequest
Новая
       59

Показывать количество символов при наборе текста в текстовом Angular 5

0 голосов
/ 21 сентября 2018

Я пытаюсь написать код для отображения количества символов под полем textarea.Я нашел много решений для этого, но я не знаю, почему это не работает для меня.

Вот код, который я пытаюсь: 

<div class="form-group border-0 describe mb-0">
  <label for="describewishInput" i18n="@@describewishLabel" class="text-capitalize">Describe Your Wish:</label>
    <span ngbTooltip="Please describe your wish here"
            placement="top" class="tt tt-bottom mt-1 mr-0"></span>
      <textarea type="text" (ngModel)="yourWish" id="yourWish" class="form-control mb-1" maxlength="255" i18n-placeholder="@@describeyourwish"></textarea>
      <span class="pull-right char"><em>{{ 255 - yourWish.length }} characters left</em></span>
</div>

Вот ошибка, яполучение 

SignupFormComponent.html:121 ERROR TypeError: Cannot read property 'length' of undefined
at Object.eval [as updateRenderer] (SignupFormComponent.html:122)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:14735)
at checkAndUpdateView (core.js:13849)
at callViewAction (core.js:14195)
at execEmbeddedViewsAction (core.js:14153)
at checkAndUpdateView (core.js:13845)
at callViewAction (core.js:14195)
at execEmbeddedViewsAction (core.js:14153)
at checkAndUpdateView (core.js:13845)
at callViewAction (core.js:14195)

Можете ли вы помочь мне с этим.Это очень расстраивает, так как я работаю над этим с 1 дня.

Заранее спасибо.

1 Ответ

0 голосов
/ 21 сентября 2018

Вам необходимо использовать двустороннюю привязку данных [(ngModel)], 

<textarea type="text" [(ngModel)]="yourWish" id="yourWish" class="form-control mb-1" maxlength="255" i18n-placeholder="@@describeyourwish"></textarea>

STACKBLITZ DEMO

...