Привязать текст к метке угловой 4

Question

Я младенец в угловых. Я хочу обновить текст моей метки. Вот как я пытался.

Мой HTML: <Label class="ad-label" text="{{ labelText }}" textWrap="true"></Label>

Мой тс: labelText: any='Month'; Я сталкиваюсь с ошибкой

Ошибка: ошибки синтаксического анализа шаблона: Невозможно выполнить привязку к «тексту», так как это не известное свойство «Метка».

Когда я использую <a class="ad-label" text="{{ labelText }}" textWrap="true"></a> вместо метки, текст обновляется с помощью labelText: any='Month'; Как обновить текст метки?

Answer 1

пожалуйста, попробуйте это

labelText: any='Month'; change to labelText='Month'; in your ts file

или вы можете использовать ngModel для двухсторонней привязки

<Label class="ad-label"  [(ngModel)]="labelText" textWrap="true"></Label>

Answer 2

Эта ошибка означает, что в теге Label отсутствует атрибут text.

Это похоже на использование атрибута поля просмотра из SVG (<svg viewBox="0 0 100 100"></svg>) в idv: он не существует.

Я не знаю, что такое Label, поэтому я предполагаю, что это часть фреймворка или библиотеки. Либо попробуйте это

<Label class="ad-label" textWrap="true">{{ labelText }}</Label>

Или посмотрите документацию вашей платформы / библиотеки, чтобы увидеть, как добавить текст на ярлык.

Answer 3

Если вы пытаетесь связать атрибут с переменной из вашего файла .ts, вам нужно использовать квадратные скобки. Вот так:

<Label [text]="labelText"></Label>

Кроме того, он жалуется, что 'text' не является свойством элемента Label. Вы хотите использовать ионную этикетку?

Answer 4

Поскольку свойство text (Input привязка) недоступно внутри компонента Label, его нельзя использовать. Angular жалуется на то же самое. На самом деле вы должны поместить текст label в элемент Label.

<Label class="ad-label" textWrap="true">
   {{labelText}}
</Label>