将文本结合到标签Angular 4

Question

我是Angular的婴儿。我想更新我的标签文字。这就是我尝试的方式。

我的html： <Label class="ad-label" text="{{ labelText }}" textWrap="true"></Label>

我的TS： labelText: any='Month';我遇到错误

错误：模板解析错误： 无法绑定到"文本"，因为它不是"标签"的已知属性。

当我使用<a class="ad-label" text="{{ labelText }}" textWrap="true"></a>而不是标签文本时，使用labelText: any='Month';更新标签的文本？

Answer 1

因为text属性(Input绑定(在Label组件中不可用，因此您无法使用它。Angular抱怨相同。实际上，您应该将label文本放在Label元素中。

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

Answer 2

此错误意味着Label标签上不存在text属性。

这就像在IDV上使用来自SVG(<svg viewBox="0 0 100 100"></svg>(的视图框属性：它不存在。

我不知道Label是什么，所以我认为它是框架或库的一部分。尝试这个

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

或查看框架/库的文档，以查看如何将文本添加到标签中。

Answer 3

如果您试图将属性绑定到.ts文件中的变量，则需要使用[Square]括号。喜欢：

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

此外，它还抱怨"文本"不是标签元素上的属性。您是说使用离子标签吗？

Answer 4

请尝试此

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

，或者您可以使用ngmodel到两种方式绑定

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